Forum PHP.pl > [JS] Rotator zdjęć

Pomoc - Szukaj - Użytkownicy - Kalendarz

Swi7ch

18.08.2010, 16:27:05

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

18.08.2010, 16:38:35

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

24.08.2010, 15:12:37

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

24.08.2010, 16:02:34

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.