Witam.
Planuję wdrożyć na swoją stronę dynamiczny rotator obrazków, jednak aby całość bardziej przykuwała uwagę użytkownika, dobrze byłoby zrobić dłuższe odstępy czasowe pomiędzy przewijaniem się tych obrazków. I w tym momencie pojawia się problem. Otóż kiedy dodam funkcję delay przed wykonaniem animate() pojawia się błąd i linijka najzwyczajniej nie zostaje zinterpretowana. Na moje oko wyglądałoby jakby to funkcja błędnie została przypisana obiektowi. Wszelkie wasze sugestie byłyby mile widziane.

Oto kod.


[JAVASCRIPT] pobierz, plaintext
  1. roration_images();
  2.  
  3. function roration_images() {
  4. var first_img = $('.rotation_img:first-child');
  5. first_img.addClass('pokaz_img');
  6. rotate();
  7. }
  8. function rotate() {
  9. var pokazuj = $('.pokaz_img');
  10.  
  11. pokazuj.animate(
  12. {
  13. 'opacity': 0
  14. }, 1900, function()
  15. {
  16. $(this).removeClass('pokaz_img');
  17. }
  18. );
  19.  
  20. pokazuj = pokazuj.next();
  21. if(pokazuj[0] == undefined) {
  22. pokazuj = $('.rotation_img:first-child');
  23. }
  24.  
  25. pokazuj.css({'opacity': 0}).addClass('pokaz_img');
  26. animuj();
  27. function animuj()
  28. {
  29. pokazuj.delay(1000).animate({'opacity': 1}, 2000, rotate); // w momencie kiedy umieszczę funkcję delay() linijka jest pomijana
  30. }
  31. }
[JAVASCRIPT] pobierz, plaintext