Skrypt pozwala wyświetlać sekwencję grafik bez klikania na przyciskach, lecz poprzez przesunięcie kursora myszki nad odsyłacz. Wadą jest konieczność wcześniejszego załadowania wszystkich grafik.
Skopiuj przykładowy kod
W ramach HEAD
<script>
/*Rollover effect on different image script-
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("../grafika/enter.gif","../grafika/pcq.gif","../grafika/gambler.gif")
</script>
W ramach BODY
<p><a href="../grafika/enter.gif" onMouseover="changeimage(myimages[0],this.href)">Enter</a> |
<a href="../grafika/enter.gif" onMouseover="changeimage(myimages[1],this.href)">PCkurier</a> |
<a href="../grafika/enter.gif" onMouseover="changeimage(myimages[2],this.href)">Gambler</a></p>
<a href="javascript:warp()"><img src="../grafika/enter.gif" name="targetimage" border=0></a>
<script>
//myimages[0] would refer to "enter.gif", myimages[1] would refer to "pcq.gif" etc
preloadimages("../grafika/enter.gif","../grafika/pcq.gif","../grafika/gambler.gif")
</script>