İ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