Fare cambiare le immagini in JS

Fare ruotare delle immagini all’interno di uno stesso segna posto (images roller) è veramente un giochino da ragazzi. Qualche righetta di javascript ed è fatta, addirittura con il preload 🙂

 

Eccovi il codice, penso non abbia bisogno di molte spiegazioni, e poi so che siete bravissimi.

<script type="text/javascript">
var shopImgs = new Array();
var n=0;
var i = 0;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6695523_1_big.jpg";n++;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6692901_2_big.jpg";n++;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6676805_2_big.jpg";n++;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6670018_2_big.jpg";n++;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6669543_2_big.jpg";n++;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6668082_1_big.jpg";n++;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6663475_1_big.jpg";n++;
shopImgs[n] = new Image(); shopImgs[n].src = "http://cache.spreadshirt.net/users/959000/958472/products/958472_6675704_1_big.jpg";n++;

//correggo ultimo n++
n=n-1;

function cambiaImmagine(){
document.getElementById("shopImg").src=shopImgs[i].src;
i++;
if (i>n) i = 0;
var t=setTimeout("cambiaImmagine()",2000)
}
</script>
<div style="text-align:center">
<a href="http://merlinox.spreadshirt.net" target="_blank"><img id="shopImg" src="" alt="Merlinox's &amp; Sballato's Sexy Shop (sexy???)" border="0" style="border:10px solid #ff6600" /></a>
</div>
<script type="text/javascript">cambiaImmagine();</script>

 

Se ci sono problemi sono qui 🙂

Loading Facebook Comments ...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *