इस विषय पर एक गुच्छा है, लेकिन मुझे हवन नहीं मिला है जो मेरी स्थिति पर अच्छी तरह से लागू होता है।
एक तस्वीर को फीका करें और फिर एक और तस्वीर को फीका करें। इसके बजाय, मैं एक ऐसे मुद्दे पर चल रहा हूं, जहां पहला फीका पड़ जाता है और तुरंत (एनीमेशन समाप्त होने से पहले) अगले फीका हो जाता है।
मैं इस बारे में एक बार पढ़ता हूं और "ठीक से याद नहीं कर सकता कि चाल क्या थी ..
http://jsfiddle.net/danielredwood/gBw9j/
आपकी सहायताके लिए धन्यवाद!
उत्तर:
उत्तर № 1 के लिए 71दूसरे को फीका के कॉलबैक में फीका करें, जो फीका होने पर चलता है। अपने कोड का उपयोग करना:
$("#two, #three").hide();
$(".slide").click(function(){
var $this = $(this);
$this.fadeOut(function(){ $this.next().fadeIn(); });
});
वैकल्पिक रूप से, आप केवल श्रृंखला को "रोक" सकते हैं, लेकिन आपको कितनी देर तक निर्दिष्ट करने की आवश्यकता है:
$(this).fadeOut().next().delay(500).fadeIn();
जवाब के लिए 4 № 2
JQuery 1.6 के बाद, वादे का उपयोग करना एक बेहतर विकल्प लगता है।
var $div1 = $("#div1");
var fadeOutDone = $div1.fadeOut().promise();
// do your logic here, e.g.fetch your 2nd image url
$.get("secondimageinfo.json").done(function(data){
fadeoOutDone.then(function(){
$div1.html("<img src="/images/" + data.secondImgUrl + "" alt=""data.secondImgAlt"">");
$div1.fadeIn();
});
});
जवाब के लिए 3 № 3
इससे मदद मिल सकती है: http://jsfiddle.net/danielredwood/gBw9j/
मूल रूप से $(this).fadeOut().next().fadeIn(); क्या आप की आवश्यकता है