Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Automatyczna zmiana diva po czasie
Lave
post 10.01.2013, 13:38:16
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 30.01.2012

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
expert
post 10.01.2013, 18:29:56
Post #2





Grupa: Zarejestrowani
Postów: 211
Pomógł: 4
Dołączył: 29.10.2008

Ostrzeżenie: (0%)
-----


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/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 16.06.2025 - 19:19