[PHP][JavaScript] Zmiana obrazka. Opcje

[patryk20120]

Witam (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
mam pytanie, jak zrobić coś takiego, że jest obrazek i będzie on się zamieniał na inny, a ten inny na jeszcze inny i tak w kółko (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Wiem, ze na pewno ma to jakieś powiązanie z javą (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Ten post edytował patryk20120 18.10.2008, 17:38:35

[HellRider]

Po pierwsze JavaScript.

Więc tak ...

[HTML] pobierz, plaintext 
var tablica = getElementsByTagName("img");
 
for (n=0; n<tablica.length; n++){
  tablica[n].setAttribute("src","folder/folder/plik.jpg");
}
[HTML] pobierz, plaintext 

Patrz też, użycie setTimeout(); w JavaScript (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował HellRider 18.10.2008, 14:13:24

[Maxik]

Nie z Javą, a z JavaScriptem. http://www.malsup.com/jquery/cycle/

[patryk20120]

Wiem że Java a JavaScript to zupełnie inne języki, lecz chyba wiadomo o jakim mówię na forum o programowaniu stron (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
HellRider, a jak to zdjęcie wyświetlić w danym miejscu (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Wstawić ten kod co podałeś w miejsce obrazka (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) // edit: już chyba wiem, muszę zdjęciu nadać name="img" (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Maxik, co to jest to co dałeś (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Ten post edytował patryk20120 18.10.2008, 14:17:49

[Maxik]

Wejdź i zobacz, zmienia Ci obrazek co określony czas na inny, jak poszukasz to znajdziesz przykłady z menu do przełączania ręcznie tych obrazków.

[HellRider]

Nie, nie, nie! Jakie name="img" ?

getElementsByTagName pobiera do tablicy odniesienia do tagów, tu wybrałem IMG, bo chyba tak obrazki umieścisz.
W tym skrypciku masz podane: jak znaleźć tagi, jak zmienić ich źródło.

Ten post edytował HellRider 18.10.2008, 14:20:59

[patryk20120]

HellRider, nie rozumiem działania tego kodu (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) gdzie tu jest coś odpowiedzialnego za zmianę obrazka np. k1.jpg na k2.jpg i tak w kółko co np. 5 sek (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Ten post edytował patryk20120 18.10.2008, 14:25:29

[HellRider]

Dodałem komentarze (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
var tablica = getElementsByTagName("img"); // znajdź wszystkie tagi IMG na stronie, zapisz do tablicy
 
for (n=0; n<tablica.length; n++){     // dla ka&#380;dego elementu tablicy (tagu IMG)
tablica[n].setAttribute("src","folder/folder/plik.jpg");    // ustaw atrybut src (&#378;ród&#322;o) na "folder/folder/plik.jpg" (twoja grafika)
}
[HTML] pobierz, plaintext 

Jeśli nadasz tagowi IMG ID ( <IMG id="costam"> ) możesz użyć:

[HTML] pobierz, plaintext 
var twoja_grafa = document.getElementById("costam");
twoja_grafa.setAttribute("src","folder/folder/plik.jpg");
[HTML] pobierz, plaintext 

Metoda setAttribute ustawia atrybut, tutaj src, który jest atrybutem IMG ( <IMG src="plik.jpg"> ).
Już jak na tacy masz, połącz to z setTimeout (wygooglaj) i masz zmianę grafik.

Ten post edytował HellRider 18.10.2008, 14:40:38

[patryk20120]

Zrobiłem tak:

[HTML] pobierz, plaintext 
<script>
var twoja_grafa = document.getElementById("costam");
setTimeout('twoja_grafa.setAttribute('src','Obrazki/k2.jpg')',2000);
</script>
[HTML] pobierz, plaintext 

i w moim img dodałem id="costam", lecz obrazek się nie zmienia :/ czy cos zrobiłem źle (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[HellRider]

[HTML] pobierz, plaintext 
var twoja_grafa = document.getElementById("costam");
setTimeout("twoja_grafa.setAttribute('src','nowyplik.jpg')",5000);
[HTML] pobierz, plaintext 

1. Zagnieździłeś cudzysłowy, naprzemian używaj " oraz ' lub slashuj \' \"
2. Wywołaj ten skrypt i od razu sprawdź ścieżkę obrazka, po 5 sekundach zacznie wskazywać na nowyplik.jpg.

Wygodnie byłoby Ci napisać funkcję rotującą obrazek, np.:

[HTML] pobierz, plaintext 
function zmien(element){
  // element to przekazany IMG, np. "costam", wywołanie   zmien("costam");
  //tutaj sprawdzasz, który plik jest obecnie źródłem (src) i zmieniasz co X sekund w setTimeout
}
[HTML] pobierz, plaintext 

Ja Ci już tego nie napiszę, bo za długo nie spałem i głupoty jeszcze popiszę (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował HellRider 18.10.2008, 16:54:00

[mike]

Wiem że Java a JavaScript to zupełnie inne języki, lecz chyba wiadomo o jakim mówię na forum o programowaniu stron (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Nie, nie wiadomo. W Javie z powodzeniem jeszcze większym niż w PHP można pisać strony WWW i nie jest to nic dziwnego.
Proszę poprawić tag w tytule wątku. Jeśli poruszasz się po technologiach to korzystaj z ogólnie przyjętych nazw i nomenklatury a swniich skrutów wynikających z "wydaje mi się".

[patryk20120]

Ok sory, tag w temacie zmieniłem, a co do wątku to mam takie coś:

[HTML] pobierz, plaintext 
<script>
function k1(){
var cos = document.getElementById("costam");
cos.setAttribute('src','Obrazki/k2.jpg');
}
function zmien(){
var cos = document.getElementById("costam");
var obrazek = cos.getAttribute("src");
if( obrazek == "Obrazki/k1.jpg"){
setTimeout('k1();', 5000);
}
}
 
</script>
[HTML] pobierz, plaintext 

lecz nie działa to na IE(internet explorer) jest jakiś inny sposób na to, tak aby działało na IE (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)