मैं पृष्ठ के लोड होने पर हेडर के नीचे मध्य क्षेत्र की तरह छवि को सभी स्लाइड बनाने की कोशिश कर रहा हूं। इसलिए यहां अब तक मेरा jQuery है:
$(function() {
$("#product_img").on("load", function() {
$(this).show("slide", {
direction: "up" }, 2000); });
});
मैंने यह भी कोशिश की है:
$("#product_img").animate({"up":200},255,"linear", function() {console.log("Done Animation"); })
जिसमें यह क्रोम में "डन एनिमेशन" प्रिंट करता हैडिबगर .. लेकिन यह "छवि नहीं दिखाता है।: / अभी जो चित्र है वह सिर्फ #product_img {प्रदर्शन: कोई नहीं; } मेरे सीएसएस में। क्या कुछ ऐसा है जो मुझे याद आ रहा है? D:
किसी भी मदद के लिए धन्यवाद!
उत्तर:
जवाब के लिए 0 № 1इसका उपयोग करने का प्रयास करें:
$("#product_img").one("load", function () {
$(this).slideDown(2000);
}).each(function () {
if (this.complete) $(this).trigger("load");
});
यहां यह काम कर रहा है: http://jsfiddle.net/bbR8Y/2/
जवाब के लिए 0 № 2
इसे इस्तेमाल करे:
$("#product_img").slideUp(1000, "linear", function(){});
अपडेट करें। इससे इमेज छिप जाएगी। इसके बजाय स्लाइडडाउन आज़माएं:
http://jsfiddle.net/qeTM2/2/