Ultima modifica:
Ecco qui per l'utenza di inforge il mio nuovo lavoro in javascript.
DOWNLOAD:
Scarica il file
COME INCORPORARLO IN UNA PAGINA WEB:
Il codice html è questo :
COME MODIFICARE:
Per modificare il tempo dell' intervallo fra un immagine e l'altra basta prendere il codice JScript e alla riga 8 troveremo lo script riguardante.
Modificatelo a vostro piacimento (ricordate di lasciare la virgola).
Per modificare invece la durata dello slide modificate la riga 9.
Invece per le immagini dovete prendere il codice html e modificare i tag <img> con i link delle immagini che volete inserire.
Si può anche modificare la dimensione, per fare questo andate alla terza riga del codice html e modificate a piacere le dimensioni, "width" (larghezza) e "height" (altezza).
DEMO:
Guarda la demo!
SCREEN:
Spero che lo utilizzerete in tanti .
EDIT:
FIXATO ERRORE
CAMBIATO COLORE PULSANTI
by KurtCoBain
DOWNLOAD:
Scarica il file
COME INCORPORARLO IN UNA PAGINA WEB:
Il codice html è questo :
Codice:
<html>
<head>
<title>Porva SlideSHow jQuery by KurtCoBain</title>
<style>
#slider {width: 450px; height: 250px; padding:0; border:0;}
#slider img {padding: 0; margin:0; border:0;}
#slider .clicker a {width: 11px; height: 11px; background: #fff; margin-right: 2px;}
#slider .clicker a.active {background: #000033;}
</style>
<script src="http://kurtcobainweb.altervista.org/Jquery.txt"></script>
<script src="jquery.hslide.js"></script>
<script>
$(function(){
$('#slider').hslide();
});
</script>
</head>
<body>
<h1>SlideShow jQuery by KurtCoBain</h1>
<div id="slider">
<div><img src="http://www.haisentito.it/img/paralimpiadi-atleti.jpg"></img></div>
<div><img src="http://www.enricoberlinguer.it/qualcosadisinistra/wp-content/uploads/2011/02/bambini-450x250.jpg"></img></div>
<div><img src="http://www.vivacinema.it/wp-galleryo/avatar-due-nuove-foto/avatarc2a0.jpg"></img></div>
<div><img src="http://hungergamesweb.com/wp-content/uploads/2011/04/11.jpg"></img></div>
<div><img src="http://www.genitronsviluppo.com/guide_utili/risparmio_energetico/immagini/risparmio_energetico_cactus1.jpg"></img></div>
</div>
</body>
</html>
COME MODIFICARE:
Per modificare il tempo dell' intervallo fra un immagine e l'altra basta prendere il codice JScript e alla riga 8 troveremo lo script riguardante.
Modificatelo a vostro piacimento (ricordate di lasciare la virgola).
Per modificare invece la durata dello slide modificate la riga 9.
Invece per le immagini dovete prendere il codice html e modificare i tag <img> con i link delle immagini che volete inserire.
Si può anche modificare la dimensione, per fare questo andate alla terza riga del codice html e modificate a piacere le dimensioni, "width" (larghezza) e "height" (altezza).
DEMO:
Guarda la demo!
SCREEN:
Spero che lo utilizzerete in tanti .
EDIT:
FIXATO ERRORE
CAMBIATO COLORE PULSANTI
by KurtCoBain