कैशिंग छवियों के लिए IE में फिक्सिंग .लोड () - सीएसएस-ट्रिक्स

Anonim

.Load () फ़ंक्शन फायर तब होता है जब उस तत्व को बुलाया जाता है जो पूरी तरह से लोड होता है। यह आमतौर पर छवियों पर उपयोग किया जाता है, जो पूरी तरह से लोड नहीं हो सकता है जब जावास्क्रिप्ट मूल रूप से चलता है, और इस प्रकार अपने बारे में गलत जानकारी लौटाएगा (उदाहरण के लिए ऊंचाई / चौड़ाई)। अधिकांश ब्राउज़र इस जुर्माना से निपटते हैं। IE समस्याएँ पैदा कर सकता है, जब पृष्ठ पर चित्र कैश्ड होते हैं।

छवि का चयन करना और इसे बदलना एक यादृच्छिक पैरामीटर (तिथि के आधार पर) को जोड़ने के लिए src विशेषता है। यह IE को .लोड () फ़ंक्शन को ठीक से फायर करने में ट्रिक करेगा।

myImge = $("") .attr("src",anyDynamicSource+ "?" + new Date().getTime());

अब .load () फ़ंक्शन IE में भी काम करेगा:

$(myImge).load(function() ( alert("will alert even in IE") ));
सीडीएन के साथ इस तकनीक का उपयोग करने के बारे में चेतावनी के लिए पहली टिप्पणी देखें।