पर छवि स्लाइडर प्राप्त करें मैं 4000 मिलीसेकंड के अंतराल के साथ ऑटो प्ले करने के लिए अपना स्वयं का छवि स्लाइडर प्राप्त करने का प्रयास कर रहा हूं। मैंने setTimeout
का उपयोग करने का प्रयास किया है, लेकिन मुझे इसे काम करने के लिए प्रतीत नहीं होता है। अगर कोई मेरी मदद कर सकता है तो मैं इसकी सराहना करता हूं। यहाँ स्लाइडर के उदाहरण है:ऑटो स्लाइडर
http://www.matthewruddy.com/slider-intervalissue/
कोई भी विचार कैसे मैं इसे ऑटो खेलने के लिए मिल सकता है?
$(document).ready(function(){
var images = $('.slider li');
var slides = images.length;
var sliderwidth = 500;
var currentimage = 0;
var containerwidth = sliderwidth*slides;
var autoplay = 4000;
$('.slider').css('width', containerwidth);
$('#next').bind('click',nextimage);
function nextimage(){
if(currentimage<slides-1){
currentimage++;
$('.slider').animate({left:-sliderwidth*(currentimage)},{duration:800,easing:'easeInOutCubic'});
}
else{
currentimage = 0;
$('.slider').animate({left:0},{duration:800,easing:'easeInOutCubic'})
}
};
});
धन्यवाद, मैथ्यू
धन्यवाद! आपकी विधि पूरी तरह से काम करती है हालांकि मैं अभी भी कुछ हद तक इसे समझ नहीं पा रहा हूं (मुझे यह समझना अच्छा लगता है कि वे काम करते हैं या नहीं)। आपको लाइन को दो बार क्यों लिखना है? पहली पंक्ति क्यों नहीं है; > यदि (ऑटोप्ले) {setTimeout (फ़ंक्शन() {nextimage (true);}, 4000); } ऑटोप्लेइंग जा रहा है? –
वह पंक्ति केवल पहली बार कॉल होने के बाद ही हर 4 सेकंड में चलती रहती है (माना जाता है कि इसे ऑटोप्ले = सत्य कहा जाता है)। आपको पहली जगह लूप शुरू करने के लिए कुछ चाहिए। इसके बारे में सोचें जैसे सीढ़ियों के किनारे पर एक बदबूदार धक्का देना। इसे गति में सेट करने के बाद यह जारी रहेगा, लेकिन इसे शुरू करने के लिए आपको इसे प्रारंभिक धक्का देना होगा। – Ender
ठीक है अब मैं समझता हूँ! बहुत - बहुत धन्यवाद! –