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:
codice:
onmouseover='this.stop()' onmouseout='this.start()'
da aggiungere a questo script:
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>