Preloading images is a great way to improve the user experience. When images are preloaded in the browser, the visitor can surf around your site and enjoy extremely faster loading times. This is especially beneficial for photo galleries and other image-heavy sites where you want to deliver the goods as quickly and seamlessly as possible.
<script type="text/javascript">
<!--
//preload images
var image1=new Image()
image1.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguUCcYlzPdLZIrL_aPskv9Vp35nCFm7RwqBSbj-i90CsAVoiATbjyzPAkAoGATKkkJp13fp9uHSnAZuvUu0k6qXM9C9UxHgbX3Phk7aXHkba1uLvNXhs_cdUbKTszx_5uRdC8QBuEiPVc/s800/Copy-of-Yucca09slade03.png"
var image2=new Image()
image2.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS7dYGYFfwan1J4dtnPYYIqwEWlCz2WjDTjfovbLZyL8MusSOsJqTLbTIkdls7huz-DedwlFaOHiPVZcH69vsffRsZ1V7G3JIa1IyAHXAEz-w70ROo37Gzq1115PdyAVCvdqFu0xVQuis_/s144/Gosl9.png"
var image3=new Image()
image3.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jHR0hS3DTD5d-6B98M5Q04HXu0TWdjU0S0tdpCV-O7_JTESH2dEU_P5bSyASefiIXw9EcSWXNPWnw_-cswmVjVBmWvMv3GgTdLeW0Gw0LQ9f6f7sN0GG_-ee45T8oYXkrL2XtZYjHWY/s144/edigslad11.png"
var image4=new Image()
image4.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKasRDbaQc48ANTqqc8W2q-EVQb1qywftFsmwP0863TO8-akC_npqEvEFJ4tS8ZFXE4MIc8lFCiMx2COeK4awnGLFsjuboiwQwB4VLQHpcg4DiBqQ7jUR3kwrLZqbgx6qG2Gufsz86Z10/s144/guitar_sll10.png"
var image5=new Image()
image5.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBJFpD7EoPyHip6rZZYCopjBzy6ZdSKzNlkPu80lL4nc7UeYQaL9HCpLEr8lxSOLE65i2XiXCg0aqNsS768QPRffutEnOYM0372OVNjJImoUkdT4mQLqOnKY92yOIaVfTAq9qGcRPejvk/s144/vampir02sllade.png"
var image6=new Image()
image6.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbw9iwFmqrXSqkY6WJCRzY0-vVODOHofiPR7t6_BEtOUqcrgxu4QoGTs1PRI3gORlPZc97UjFPqnASYCmG3zCsLJP3c1e926AEurhSflGYS1hj4ZgfGDVUfjFmFXDpDG73DxHr4JhfSes/s144/slade06.png"
var image7=new Image()
image7.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZD0H8FdWrKDKj2IEn6nfLZDuk5o1jcOCiArSa5BE8k-X_wyJSUQRLJiGI87MtkqSC0hrkCkYkgA4S1hGuj7aAG0CNouwTw5h_8dFP9emIxM1as_dfcqeZyblYuE8vzW8OIbywFvXcLo/s144/sl08.png"
var image8=new Image()
image8.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdtHkupxwYUmuv2kKx8gweIoTY4C-o9-dhWmeYpXzR6dTdZEI37AoiyDNEAW-F9Nhw50toEqBtlUgaDxE4SM2iW3NjPROkxhFsoCMfOiKaH211uPNus7V5GR3_8nOKq3xovGso35qtIao/s800/Coverforbloghome.png"
//-->
</script>
<a href="javascript:slidelink()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguUCcYlzPdLZIrL_aPskv9Vp35nCFm7RwqBSbj-i90CsAVoiATbjyzPAkAoGATKkkJp13fp9uHSnAZuvUu0k6qXM9C9UxHgbX3Phk7aXHkba1uLvNXhs_cdUbKTszx_5uRdC8QBuEiPVc/s800/Copy-of-Yucca09slade03.png" name="slide" border="0" width="530" height="300" /></a>
<script type="text/javascript">
<!--
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
whichimage=step
if (step<8)
step++
else
step=1
setTimeout("slideit()",8000)
}
slideit()
function slidelink(){
if (whichimage==1)
window.location="link1.htm"
else if (whichimage==2)
window.location="link2.htm"
else if (whichimage==3)
window.location="link3.htm"
else if (whichimage==4)
window.location="link4.htm"
else if (whichimage==5)
window.location="link5.htm"
else if (whichimage==6)
window.location="link6.htm"
else if (whichimage==7)
window.location="link7.htm"
else if (whichimage==8)
window.location="link8.htm"
}
//-->
</script>
