http://jsfiddle.net/mVULc/1/
Próbuję zrobić płynnę przejście w jquery coś na wzór marquee z html-a z tym, że jeśli obrazek przekracza wielkość diva np. od dołu to zaczyna się wysuwać od góry. Udało mi się to zrobić jeśli elementy są przewijąne do dołu
  1.  
  2. var animuj = function(handle){
  3.  
  4. var img = handle;
  5.  
  6. img.children().css("top", "+=4");
  7.  
  8. if(img.children(":last").css("top") > "500px"){
  9.  
  10. var h = img.children(":first");
  11.  
  12. h.remove();
  13.  
  14. img.append(h.css("top","-155px"));
  15.  
  16. }
  17.  
  18.  
  19.  
  20. }
  21.  
  22. var box1 = $("#box1");
  23.  
  24. setInterval('animuj(box1)', 10);

I w sumie to działa. Niestety gdy próbuję przerobić skrypt aby obrazki leciały do góry cały czas jest coś nie tak.... ma ktoś pomysł jak to zrobić?

// Nowy post

Szkoda, że nikt nie odpowiedział bo wiem, że sposób w jaki działa ten skrypt jest bardzo daleki od ideału a ja inaczej nie potrafię tego zrobić. Rozwiązałem w końcu problem tak jak umiałem najprościej. Zrobiłem nową funkcję animuj_do_gory() i elementom które się mają poruszać nadałem bottom zamiast top. Mimo wszystko jakby miał ktoś chwilę czasu na odpowiedź jak to zrobić lepiej byłbym bardzo wdzięczny. Pozdrawiam

  1. var animuj_b = function(handle){
  2. var img = handle;
  3. var count_elm = img.children().size();
  4. img.children().css("bottom", "+=4");
  5. if(img.children(":first").css("bottom") > "500px"){
  6. var h = img.children(":first");
  7. h.remove();
  8. img.append(h.css("bottom","-155px"));
  9. }
  10. }


  1.  
  2. <!---Kontener z elementami ktore maja sie przewijac od dolu do gory--->
  3. <div id="box2">
  4. <img src="img/1.jpg" class="rotate_img" style="bottom:480px" />
  5. <img src="img/2.jpg" class="rotate_img" style="bottom:320px" />
  6. <img src="img/3.jpg" class="rotate_img" style="bottom:160px" />
  7. <img src="img/4.jpg" class="rotate_img" style="bottom:0px" />
  8. </div>