[JS] Rotator zdjęć, Prosty rotator Opcje

[Swi7ch]

Czy istnieją jakieś darmowe, gotowe skrypty, które potrafią po prostu zmieniać zdjęcia co x sekund.

Przykład tutaj: http://www.blue-shark.co.uk/

pozdrawiam

[flashdev]

Raczej istnieją.

Kod

// jQuery

function imgRotator(id, tab, sec){
var cnt = 0;
setInterval(function(){
$('#'+id).attr('src', tab[cnt]);
cnt = (cnt+1) % tab.length;
}, sec*1e3);
}

// wywolanie
imgRotator('id-obrazu', new Array('img/zdjecie1.jpg', ...), 5/*sekund*/);

Np. ten powyżej.

[Swi7ch]

Jakieś podpowiedzi jak to działa? Nie wiem jak to zaimplementować.

Z tego co widzę jquery się implementuje poprzez klasy css. Czy w tym przypadku ma być podobnie?

Musiałem sobie poradzić w inny, bardziej zasobochłonny sposób, ale przyjazny do implementacji dla osoby bez wiedzy JavaScript.

Polecam: http://nivo.dev7studios.com/

[thomson89]

Takie coś jak na tamtej stronce podałeś jest bardzo proste do wykonania. W JS co x sekund wywołujesz funkcje która zmienia src obrazka (setTimeOut). Jeżeli pokusiłbyś się też o takie efekty to z pomocą przychodzi jQuery i jego FadeIn.