[jQuery] PNG Fix and the browser sniffer
Hi everyone,
I'm a jQuery newbite and I need some help with a png fix I've
implemented (or tried to) on a site i'm working on. The code I have is:
jQuery.fn.pngFix = function() {
return this.each(function() {
if ($.browser.msie && $.browser.version.number() < 7) {
$(this).css("filter","alpha(opacity=0);").wrap("<span style=\"width:" + $(this).width() + "px; height: " + $(this).height() + "px; display:block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + $(this).src() + "', sizingMethod='image');\"></span>");
}
});
};
$(document).ready(
function()
{
$("img[@src$=png]").pngFix();
}
);
as per the example.
All I'm getting is the first image on the page not appearing. Don't know
if it's the span or filter or even how to debug this really...
Any help will be much appreciated, thanks.
Rob
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/