Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

Pausa nello SlideShow

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

Pausa nello SlideShow

Postdi gexxy » 20/12/05 19:50

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: Seleziona tutto
onmouseover='this.stop()' onmouseout='this.start()'


da aggiungere a questo script:

Codice: Seleziona tutto
<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">

            <img src="http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-100.png" name='SlideShow' width=360 height=400>

</body>

</html>
PIII 866\320 RAM\40Gmaxtor\ASUS CUV4X-E\MATROX-G450 32M\SBLASTER\WIN XP PRO\WINUPDATE FATTO
gexxy
Utente Senior
 
Post: 916
Iscritto il: 07/04/02 02:57

Sponsor
 

Postdi Heba » 21/12/05 07:31

hai provato a fare qualche prova? tanto per sapere... :roll:
In internet il saper leggere equivale al saper ascoltare nella realtà.
Chi sa ascoltare possiede le chiavi di molte porte.
Heba
Utente Senior
 
Post: 509
Iscritto il: 16/06/05 15:09
Località: Cremona

Postdi archimede » 22/12/05 10:04

Prova:
Codice: Seleziona tutto
<html>
<head>
<script language="JavaScript1.2">
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;
}
</script>
<style>
<!--
.response { font: 14px Trebuchet MS; color: #2222FF; font-weight: bold; font-style: normal; text-decoration: none; }
-->
</style>
</head>
<body onload="t = setInterval('runSlideShow()', speed);" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color: #000000">
<img src="http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-100.png" name="SlideShow" onmouseover="clearInterval(t);" onmouseout="t = setInterval('runSlideShow()', speed);" width="360" height="400">
</body>
</html>
HTH.

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova


Torna a Programmazione


Topic correlati a "Pausa nello SlideShow":


Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti