jQuery kaydırıcı ilk geçiş

Question

son ben bu kaydırıcıyı (eklentileri kullanmak istemiyordu) oluşturuldu (image), tekrar ilk slayda geri gider. Şu anda, sadece .hide ve .show sonuna kadar ve görüntü yok ise sadece tekrar başlamadı.

birisi bir kod öneri o kaydırıcı (üzerine resim sayısı) ait .length sürebileceğini ve son slayt (resim) ise, daha sonra ilk dönüyor için ile bana yardımcı olabilir slayt (resim) ... bir döngü gibi.

Düzenleme: Sürgü biçimlendirme

<div class="small_box top_right slider"> 
     <img class="fittobox" src="img/home10.jpg" alt="home10" width="854" height="592"> 
     <img class="fittobox" src="img/home3.jpg" alt="home3" width="435" height="392"> 
     <img class="fittobox" src="img/home4.jpg" alt="home4" width="435" height="392"> 
    </div> 

Answer 1

Created a fixed version for you here.

Bunu yapmanın en kolay yolu 1 ekleyin, daha sonra toplam uzunluğuna modülü (%) aracılığıyla o koşmak, ben _s.slide_active olsun, şu anda yerine

_s.slide_active++; 

sahip basit bir matematik işlemi çalıştırmaktır - Geri kalan kısmı:

_s.slide_active = (_s.slide_active + 1) % _s.slide.length; 

Answer 2

bu Fiddle linke bir göz atın, bu sürgü tekrar başlayacaktır Son görüntüyü ulaştığında bir döngüsel way.If kaydırıcıyı oluşturmanıza yardımcı olacaktır ilk görüntüden.

var index = $selector.index(); 
if (index == (length - 1)) { 
    $('img').first().removeClass('invisible').addClass('visible'); 
} 

Umarım bu size daha fazla yardımcı olacaktır. Herşey gönlünce olsun.

Answer 3

1 uzunluğundan sonra 0'a ulaşmanız gerekir. Bunu yapmanın basit bir yol modülo uzunluğunu çalışmaktır:

_s.slide_active++; 
_s.slide_active %= length; 

Answer 4

test ama yararlı umut:

function slider(sel, intr , i){ 
    ... 
    this.count = this.selector.children().length; 
    this.run(); 
} 

slider.prototype.run = function(){ 
    var _s = this; 
    this.slide[this.slide_active].show(); 
    setTimeout(function(){ 
     _s.slide[_s.slide_active].hide() 
     if(_s.slide_active == this.count) 
      _s.slide_active = 0; 
     else 
      _s.slide_active++; 
     _s.run(); 
    }, interval); 
}