jquery - Is there a way to bind to the load() event of an image after changing it's src? -

मेरे पास एक छवि & lt; img id = 'my_img' src = 'img1.png' & gt; और एक बटन बटन पर क्लिक करने से निम्नलिखित हो:

  $ ('# my_img')। Attr ('src', 'img2.png')  

यह दूसरा छवि (img2.png) काफी बड़ी है, और मैं जानना चाहता हूं कि यह पूरी तरह भरी हुई है (यानी .load (इवेंट))। मैं प्रयोग करने की कोशिश की। छोड़ दें,। बांधा, और .complete लेकिन कोई भी आग लग रहा है।

कोई विचार?

धन्यवाद! अमित

मुझे लगता है कि लोड इवेंट केवल आईजीएम टैग में एक बार आग लगाते हैं। लेकिन आप आसानी से एक नई छवि बना सकते हैं, और एक नया लोड हैंडलर के साथ लोड कर सकते हैं।

  var img = new Image (); Img.onload = function () {$ ('# my_img')। Attr ('src', img.src); }; Img.src = 'img2.png';  

इसे लोड हो जाने के बाद आप अपने पृष्ठ पर छवि के स्रोत को सेट कर सकते हैं और यह ब्राउज़र कैश से तुरन्त खींच देगा।