Descrizione: SLIDE SHOW DI IMMAGINI  " TIPO CICLICO "

Questo script serve per creare un (slide show) di immagini, con due collegamenti "Immagine precedente" e "Immagine successiva".la presentazione non termina una volta raggiunta l'ultima immagine ma è ciclica.

slideshow

             <<  Immagine precedente - Immagine successiva  >>

 

Script: Selezionare il codice della prima tabella, adoperare il tasto destro del mouse per l'operazione di copia ed incolla, e trasferite nella vostra pagina web.    - Il codice va inserito <head>:

Inserire l'indirizzo delle tue immagini,  sostituendo "immagine1.jpg". Consigliamo di inserire immagini con le stesse dimensioni e lo stesso orientamento.Nell'esempio sono utilizzate quattro fotografie, ma puoi inserirne quante ne vuoi.

<script language="JavaScript" type="text/javascript">
/* Script originale: http://www.chalcedony.com */
/* Elaborazione: imperiareport http://www.imperiareport.it */
myPix = new Array("immagine1.jpg","immagine2.jpg","immagine3.jpg","immagine4.jpg")
thisPic = 0
imgCt = myPix.length - 1

function chgSlide(direction) {
if (document.images) {
thisPic = thisPic + direction
if (thisPic > imgCt) {
thisPic = 0
}
if (thisPic < 0) {
thisPic = imgCt
}
document.myPicture.src=myPix[thisPic]
}
}
</script>

 

Questa parte di codice è da inserire in <body>. sostituisci ad "immagine1.jpg" l'indirizzo web dell'immagine che sarà la prima nello slide show . Modifica i parametri width e height secondo le misure delle immagini da inserire, e se vuoi, il testo tra virgolette del messaggio "alt": 

 <img src="immagine1.jpg" name="myPicture"
alt="Slide show" width="200" height="150">
<p><a href="javascript:chgSlide(-1)">Immagine precedente</a> - <a href="javascript:chgSlide(1)">Immagine successiva</a></p>

 

 

 


       Torna a inizio pagina                    invia e-mail                                Commenti                             Segnala errori                              Stampa

 www.imperiareport.altervista.org.- Risorse gratuite per webmaster

Copyright © 2008 - 2010