[JS] PNG hack dla IE oparty o JQuery
Poszukując rozwiązania ciągle istniejącego problemu wyświetlania przeźroczystych PNG’ków w IE6, znalazłem bardzo fajny skrypcik. Jest to zastosowanie biblioteki JQuery, „zaprzęgające” do pracy odpowiednie filtry do wskazanych przez użytkownika elementów, bez zmiany tagów. Skrypt obsługuje zarówno elementy <img>, jak i style CSS. No i co najważniejsze – jak widać poniżej – jest bardzo prosty w użyciu!
Biblioteka JQuery
Biblioteka ifixpng
|
1 |
// apply to all png images<br/><br/>$('img[@src$=.png]').ifixpng();// apply to all png images and to div#logo<br/><br/>$('img[@src$=.png], div#logo').ifixpng();<br/><br/>// apply to div#logo, undo fix, then apply the fix again<br/><br/>$('img[@src$=.png], div#logo').ifixpng().iunfixpng().ifixpng();<br/><br/>// apply to div#logo2, modify css property and add click event<br/><br/>$('div#logo2').ifixpng().css({cursor:'pointer'}).click(function(){ alert('ifixpng is cool!'); }); |
Strona projektu: ifixpng
