Aycan.net

Web sitemizde 7 kategori'de 159 makale'ye yazılmış 876 yorum bulunmaktadır.
reklam alanı

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

Kategori: jQuery
20 Ara 2009
10 Yorum
306 Kez Okundu

İ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


<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 ;

İe6

Eklentiyi kullanmadan önceki hali ;

İe6

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

———————————————————

Bu makale Aycan.net tarafından yazılmıştır. Link göstermeden yayımlamak YASAKTIR.

http://www.aycan.net/ie-6-da-sorun-cikartan-png-resimlerin-cozumu/

———————————————————

Bu yazıya yapılan yorumlar

Gökhan Yorum Yaptı; (20.12.2009 - 21:45 )

Aycan sağolasın, teşekkürler. Ama ek dosyası nerde?

Aycan BÜLBÜL Yorum Yaptı; (20.12.2009 - 22:40 )

Dosyayı ekledim arkadaşlar http:/www.aycan.net/resim/js.rar

gevv Yorum Yaptı; (2.07.2010 - 23:20 )

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

Bahadır Yorum Yaptı; (8.07.2010 - 11:47 )

Sağol üstad (:

vedat balcı Yorum Yaptı; (14.09.2010 - 09:05 )

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ı…

yusuf Yorum Yaptı; (14.09.2010 - 09:48 )

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

Aycan BÜLBÜL Yorum Yaptı; (14.09.2010 - 16:26 )

Onun için farklı js sürümlerini denemek lazım örneğin pngFix http://jquery.andreaseberhard.de/pngFix/

murat Yorum Yaptı; (19.12.2010 - 14:10 )

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

Yakup TAŞLIBEYAZ Yorum Yaptı; (28.04.2012 - 19:28 )

murat <-

yanıt olarak gönderiyorummm

bende yaramadı

Aycan BÜLBÜL Yorum Yaptı; (30.04.2012 - 09:04 )

Çalışır ama jquery.js’yi felan atmamışsınızdır, bence boşverin artık ie6 devri kapandı.

:

: (yayınlanmayacak)

: (varsa)

:

  • tatil sepeti, tatil
  • dizi izle
  • Program Sitesi
  • laptop vadisi
  • oyun
  • indir
  • reklam verin

Bu sitede gördüğünüz her yazıyı çalabilirsiniz. Ancak Alıntı yapmak şartıyla.
Copyright Tüm hakları saklıdır. - Tasarım : aorhan
19 Mayıs