Salve
ho uno script slideshow in cui le immagini scorrono una dopo l'altra...
vorrei aggiungere la possibilità di fermare lo scorrimento delle immagini quando il mouse ci va sopra e riprendere quando tolgo il mouse
il comando dovrebbe essere questo:
da aggiungere a questo script:codice:onmouseover='this.stop()' onmouseout='this.start()'
codice:<html> <script> var speed = 4500 var Pic = new Array() Pic[0] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.png' Pic[1] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.2.png' Pic[2] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.3.png' Pic[3] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.4.png' Pic[4] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.5.png' Pic[5] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.6.png' Pic[6] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.7.png' Pic[7] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.8.png' Pic[8] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.9.png' Pic[9] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.10.png' Pic[10] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.11.png' Pic[11] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.12.png' Pic[12] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.13.png' Pic[13] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.14.png' Pic[14] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.15.png' Pic[15] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.16.png' Pic[16] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.17.png' Pic[17] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.18.png' Pic[18] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.19.png' Pic[19] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.20.png' Pic[20] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.21.png' Pic[21] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.22.png' Pic[22] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.23.png' Pic[23] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.24.png' Pic[24] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.25.png' Pic[25] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.26.png' var t var j = 0 var p = Pic.length var preLoad = new Array() for (i = 0; i < p; i++) { preLoad[i] = new Image() preLoad[i].src = Pic[i] } function runSlideShow() { document.images.SlideShow.src = preLoad[j].src j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runSlideShow()', speed) } </script> <SCRIPT LANGUAGE="JavaScript1.2" src="http://www.kataweb.it/static/js/library.js"> </script> <style> <!-- .response { font: 14px Trebuchet MS; color: #2222FF; font-weight: bold; font-style: normal; text-decoration: none; } --> </style> </HEAD> <body onload="runSlideShow()" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color: #000000"> <div align="left"> <table border="1" width="290" id="table2"> <tr> <td width="280" align="center" bgcolor="#D3E5F0" colspan="2" background="http://www.fantagrotta.com/prova/7/empty_video.jpg"></body> </html>
Rispondi quotando
