İ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
|
1 |
<script type="text/javascript" src="js/supersleight-min.js"></script> |
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 ;
Eklentiyi kullanmadan önceki hali ;
Ek dosya buyrun arkadaşlar: http:/www.aycan.net/resim/js.rar
Aycan sağolasın, teşekkürler. Ama ek dosyası nerde?
Dosyayı ekledim arkadaşlar http:/www.aycan.net/resim/js.rar
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
Sağol üstad (:
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ı…
hocam ellerine saglık yalnız bu kodlar index içersindeki tüm linkleri engleldi tıklma o0lmuyor bu sorunu nasıl çözeriz
Onun için farklı js sürümlerini denemek lazım örneğin pngFix http://jquery.andreaseberhard.de/pngFix/
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
murat <-
yanıt olarak gönderiyorummm
bende yaramadı
Çalışır ama jquery.js’yi felan atmamışsınızdır, bence boşverin artık ie6 devri kapandı.
ie6 devri kapansada genede kullanan kişiler var sayılır. kullanmak lazım elbet. Teşekkürler dosya için.