Murat Bütün » Javascript

Geçenlerde internet explorerdeki png sorunu ile ilgili sizlere bir css çözüm yolu göstermiştim. Şimdi bu sorunu daha kesin ve kolay bir yöntemle çözelim. Bu sefer baş rolümüzde css değil javascript var. Öncelikle sayfamıza aşağıdaki kodu ekliyoruz.

Daha sonra buradaki pngfix.js diye bir javascript dosyası oluşturalım ve içerisine

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i {
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == “PNG”)
{
var imgID = (img.id) ? “id=’” + img.id + “‘ ” : “”
var imgClass = (img.className) ? “class=’” + img.className + “‘ ” : “”
var imgTitle = (img.title) ? “title=’” + img.title + “‘ ” : “title=’” + img.alt + “‘ ”
var imgStyle = “display:inline-block;” + img.style.cssText
var imgAttribs = img.attributes;
for (var j=0; j {
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == “align”)
{
if (imgAttrib.nodeValue == “left”) imgStyle = “float:left;” + imgStyle
if (imgAttrib.nodeValue == “right”) imgStyle = “float:right;” + imgStyle
break
}
}
var strNewHTML = “ strNewHTML += ” style=\”" + “width:” + img.width + “px; height:” + img.height + “px;” + imgStyle + “;”
strNewHTML += “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”
strNewHTML += “(src=\’” + img.src + “\’, sizingMethod=’scale’);\”>”
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent(“onload”, correctPNG);

yazalım işte bu kadar artık bütün png formatındaki görüntüleriniz internet explorerde de sorunsuz görünecek

Benzer Yazılar :

Java Sciripti Siteye Nasıl Eklenir?

Murat Bütün — Sat, 28 Nov 2009 22:56:04 +0000

Merhabalar arkadaşlar geçen yazılarımda sizlere bir javascript’den bahsetmiş ve işinize yarayacak birkaç site vermiştim. Peki bu kodları hazırlamış olduğumuz web sayfamıza nasıl ekleyeceğiz? Genellikle javascriptleri bir js dosyasına kaydedip bit html kodu ile web sayfamıza çekebiliriz. Scripti direk ve kodlarının arasına yazabileceğimiz gibi etiketler arasına da yazabiliriz.

yukarıdaki örnekte olduğu gibi kodu bu şekilde çağırabilirsiniz. javascript kodunu js diye bir klasör oluşturup scripti bu klasörünün içersine atmanız gerekmektedir.

Benzer Yazılar :