İnternet Explorer için Alternatif PNG Desteği
Merhabalar,
Eminim Hepiniz IE'nin PNG desteği verememesi sorunuyla uğraşmışsınızdır.
Her nekadar IE7'nin yarım yamalak bir PNG desteği olsa bile IE6 hala bizim müdahelemize ihtiyaç duyuyor.
PNGleri çalıştırmak için bir sürü yöntem var bende size Javascript yardımıyla bu işi yaptırıcam umarım güzel olur başlayalım,
Fonkisoyunumuzun düzgün çalışması için bir dosyaya ihtiyacımız var BLANK.GIF
bu Dosyayı indirdip ulaşabileceğimiz bir yere koyduktan sonra.
şu fonksiyonu kullanıyoruz.
function pngImages(){
var img;
if(document.all){
for(x=0;x < arguments.length;x++){
elm = document.getElementById(arguments[x]);
img = (elm.src)? elm.src : (elm.background)? elm.background : (elm.backgroundImage)? elm.backgroundImage : "";
elm.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='" + img + "')";
if(elm.src)
elm.src = "images/blank.gif";
else if(elm.background)
elm.background = "images/blank.gif";
else(elm.backgroundImage)
elm.backgroundImage = "images/blank.gif";
}
}
}
Fonksiyon bütün ona yolladığımız elementlerin varsa SOURCE'una yada BACKGROUND'una blank.gif yerleştirip CSS sayesinde BACKGROUND-IMAGE'a da PNG resmini koyacak.
Fonksiyonu Sayfa tamamen yüklendikten sonra (onload) bu şekilde çağırmalısınız.
Bir deneyin bakalım birçok yöntemden daha hızlı ve sadece belirli nesneye yönelik olduğudan açılırken sadece ihtiyaç duyulan resimleri çevirerek hız kazanabilirsiniz.
pngImages("logo","faq","forum","blog");
bu avantajların yanında çevirmek istediğiniz her nesneye ID vermek zorunda olmanız ise DEZAVANTAJ.
İyi Çalışmalar..