[JavaScript] Zmiana obrazków na inne w tabeli utworzonej w HTML (przy pomocy JS) Opcje

[bazingy]

Witam,

podaje link do mojego kodu http://jsfiddle.net/bh3pk/

Jest to mój pierwszy post więc zaznaczam, że zabawę z JS dopiero zaczynam. Problem jest w tym że utworzyłem w JS tablicę z obrazków dodanych w HTML lecz nie wiem jak odpowiednio zastosować funkcję setTimeout aby te obrazki po określonym czasie zmieniły się na inne (podane przeze mnie). A może jest inny sposób niż setTimeout?

Myślę, że to jest błahy powód dla doświadczonych programistów.. Ja niestety po kilku godzinach przy tym kodzie nie potrafię nic więcej zdziałać więc liczę na waszą pomoc:)

Pozdrawiam.

[b4rt3kk]

Zwyczajnie, ukryj obrazki i pokaż kolejne, możesz też zastosować jakąś animację, to już wedle uznania.

[bazingy]

Tylko pytanie jak?

Kluczowy jest tutaj czas. Ważne aby była możliwość ustalenia czasu zmiany tych obrazków po np 5 czy 7 sekundach od załadowania strony... Jakieś podpowiedzi co i jak użyć?

[b4rt3kk]

Najlepiej jakbyś wykorzystał bibliotekę jQuery, znacznie by to ułatwiło całą sprawę. Ale tak, piszesz funkcję:

[HTML] pobierz, plaintext 
function zmienObrazki() {
 
  // ukrywasz wszystkie obecne obrazki
  // pokazujesz kolejne obrazki
 
  setTimeout(zmienObrazki, 3000);
 
}
 
zmienObrazki();
[HTML] pobierz, plaintext 

Ukryć możesz zwyczajnie zmieniając display na none, a pokazać zmieniając display na block. w setTimeout druga wartość to opóźnienie czasowe w ms.

[bazingy]

update

niestety nie mogę poradzić sobie z ukrywaniem obrazków.

ktoś może mi w tym pomóc? chyba jestem w tym zbyt zielony.. ;/

[b4rt3kk]

update

niestety nie mogę poradzić sobie z ukrywaniem obrazków.

ktoś może mi w tym pomóc? chyba jestem w tym zbyt zielony.. ;/

Nie zamykasz tagów id. Jest id="obrazek, a powinno być id="obrazek", poza tym id w danym dokumencie może być tylko jedno, zamiast id użyj klasy.