jQuery स्लाइडर पहला संक्रमण

Question

करने के लिए पिछले मैं इस स्लाइडर (प्लग इन का उपयोग नहीं करना चाहता था) बनाया (छवि), यह फिर से पहली स्लाइड पर वापस चला जाता है। अभी, यह बस। छुपाएं और अंत तक दिखाएं और यदि कोई छवि नहीं है तो यह फिर से शुरू नहीं होती है।

कोई मुझे के साथ एक कोड सुझाव को स्लाइडर की लम्बाई (उस पर छवियों की संख्या) लेने के लिए मेरी सहायता कर सकता है और यदि यह अंतिम स्लाइड (छवि) है, तो पहले वापस चला जाता है स्लाइड (छवि) ... एक चक्र की तरह।

संपादित करें: स्लाइडर मार्कअप

<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:

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

Answer 2

इस Fiddle लिंक पर एक नजर डालें, यह आप एक चक्रीय way.If में स्लाइडर बनाने में मदद करेंगे स्लाइडर अंतिम छवि इसे फिर से शुरू कर देंगे पहुंचता है पहली छवि से।

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

मुझे आशा है कि इससे आपको और मदद मिलेगी। शुभकामनाएं।

Answer 3

आपको लंबाई -1 के बाद 0 तक पहुंचने की आवश्यकता है। ऐसा करने के लिए एक आसान तरीका सापेक्ष लंबाई काम करने के लिए है:

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); 
} 

Answer 4

परीक्षण किया लेकिन उपयोगी आशा नहीं।

यह करने के लिए सबसे आसान तरीका है 1 जोड़ें, फिर कुल लंबाई के मापांक (%) के माध्यम से चलाते हैं, मैं _s.slide_active मिलता है, एक सरल गणित आपरेशन जहां आप वर्तमान

_s.slide_active++; 

बजाय है चलाने के लिए है - जो शेष देता है:

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