İE 6 da sorun çıkartan PNG resimlerin çözümü

İE 6 da sorun çıkartan PNG resimlerin çözümü

Evet arkadaşlar tasarımcı arkadaşlar her geçen gün daha güzel tasarımlar yapmak için her türlü resim uzantısı her türlü gölgeyi kullanıyor ve sitemiz son sürüm tarayıcılarda güzel çıkıyor.

Sonra bir gun şaş kaza eski örn: IE6 tarayıcısı ile sitesine girdiğinde görüyorki png resimlerin arkası siyah siyah yani resimler transparan özelliğini kaybediyor.

Her neyse hemen konuya girmek gerekirse Bu Webmaster arkadaşlara zorluk çıkartan geri kafalı tarayıcı için düzenlenmiş bir jQuery’dosyası ve bir resim ile bu işten kurtuluyoruz.

Eklentinin amacı: İe6 da transparan resim kullanırken çıkan hataları düzenlemek.

Eklentideki supersleight-min.js Dosyasını ve x.gif adlı resimi ftp’de “js” adlı bir klasör oluşturup içine atalım

Sonraki işlemimiz Sitemizin Header yani başkısmındaki <head> </head> tagları arasına şu kodu yerşeltirelim

 

 

Ve arkadaşlar artık sorun ortadan kalktı sadece index.php ye ekliyeceğimiz bir jQuery dosyası ile bütün sitedeki *.png resimlerini bulup transparan olan kısımları x.gif resmi ile kesip dolduruyor

Görsel olarak anlatmak gerekirse bu eklentiyi kullandıkdan sonraki hali ;

İe6

Eklentiyi kullanmadan önceki hali ;

İe6

Ek dosya buyrun arkadaşlar: http:/www.aycan.net/resim/js.rar

 

“İE 6 da sorun çıkartan PNG resimlerin çözümü” üzerine 11 yorum

  1. Benimde bir temada mecburen kullandığım bir script işini gayet iyi yapıyor bazı scriptler ile çakışması sinir bozucu 🙂

    bu arada temanızın css dosyasına yazı alanı için img max-width eklerseniz daha iyi olacak gibi 🙂

    iyi çalışmalar

  2. işte şimdi allah razı olsun dicem 🙂
    çok aradıgım ve pnglerin ie6 da hep sorun yaratırdı. bunu çözmek süper olacak gife çevirip durmaktan sıkılmıştım PNG uzantıları…

  3. hocam ellerine saglık yalnız bu kodlar index içersindeki tüm linkleri engleldi tıklma o0lmuyor bu sorunu nasıl çözeriz

  4. okadar şu png transparent olayını aradım bulduklarım hiç biri işe yaramadı bitek senin verdiğin js işe yaradı tşk ederim paylaşımın için

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir