Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Automatyczna zmiana diva po czasie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Lave
Witam, od razu na samym poczatku powiem, że jestem zielony w javascript.
Ogólnie szukam jak rozwiązać problem. Posiadając dany div i jego zawartosc chciałym aby się zmieniała po okreslonym czasie na inną zawartość i robiła pętle (w kółko, co okreslony czas zmiana).

można powiedzieć coś na zasadzie slidera, w którym zmieniaja się obrazki tak tutaj cala zawartość diva.


mam skrypt który zmienia zawartość diva na inny div ale nie powtarza się.

  1. <script>
  2. ;(function(w, d) {
  3. w.onload = function() {
  4. try {
  5. d.getElementById('Div B').style.display = 'none';
  6. } catch (e) {}
  7.  
  8. setTimeout(function() {
  9. try {
  10. d.getElementById('Div A').style.display = 'none';
  11. d.getElementById('Div B').style.display = 'block';
  12.  
  13. } catch (e) {}
  14. }, 1000);
  15. };
  16. })(window, document);
  17. </script>


Jak to wygląda:
w Divie jest galeria i krótki opis zdjecia po czym ma się zmienac na inne zdjecie z innym opisem
expert
Tak w 5 mintut i nie chlujnie smile.gif :
  1. <div id="gallery">
  2. <div><img src="http://thumbs.photo.net/photo/16756892-sm.jpg"/></div>
  3. <div><img src="http://thumbs.photo.net/photo/16762332-sm.jpg"/></div>
  4. <div><img src="http://thumbs.photo.net/photo/16756752-sm.jpg"/></div>
  5. <div><img src="http://thumbs.photo.net/photo/16750532-sm.jpg"/></div>
  6. </div>


CODE
var j = 0;
$("#gallery div").hide();
setInterval(function(){
$("#gallery div").hide().each(function(i, l){
if(i==j){$("#gallery div").hide();$(this).show();}
});
j++;
if($("#gallery div").length<=j){j=0;}
},1000);


http://jsfiddle.net/CtPpd/
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.