यहाँ पता करने के लिए whant मामले किसी में अंतिम श्रमजीवी कोड है ...., यह सभी छवियों को लोड करने के लिए wainting के सभी एक बात! ...
<script type="text/javascript">
$ (function() { $ ("# अंगूठे") jCarouselLite ({ btnNext: "#down", btnPrev: "#up", ऊर्ध्वाधर: सच है, दिखाई: 4 });
$("#thumb li img").click(function() {
var newlinkimage = $(this).attr("src");
newlinkimage = 'retouche-hr' + newlinkimage.substring(14,17);
$('#hr').remove();
var newimage = new Image();
newimage.src = newlinkimage + '-a.jpg';
newimage.onload = function()
{
var width = (newimage.width);
var height = (newimage.height);
$('#contentfull').append('<div id="hr"> </div>');
$("#hr").attr("width", width).attr("height", height);
$("#hr").addClass('hrviewer');
//alert('a');
$("#hr").append('<div id="avant"> <img alt="before" src="' + newlinkimage +'-a.jpg"></div>');
$("#hr").append('<div id="apres"> <img alt="after" src="' + newlinkimage +'-b.jpg"></div>');
//alert('b');
$("#avant img").attr("src", newlinkimage + '-a.jpg').attr("width", width).attr("height", height);
$("#apres img").attr("src", newlinkimage + '-b.jpg').attr("width", width).attr("height", height);
$("#apres img").load(function(){$("#hr").beforeAfter({animateIntro:true});});
}
})
। });
जिस क्रम 'src' और' में onload' सेट कर रहे हैं महत्वपूर्ण के लिए लोड कॉलबैक कहा जाता है करने के लिए है। –
हम्म मैंने क्रोम और फ़ायरफ़ॉक्स में परीक्षण किया और वे दोनों ठीक काम करते थे। आईई ने चेतावनी भी दिखायी लेकिन प्राकृतिकविड्थ का समर्थन नहीं करता – Greg
बहुत बहुत धन्यवाद! एक आकर्षण की तरह काम किया –