// -------------------------------------------------------------------- // jQuery-Plugin "pngFix" // Version: 1.1, 11.09.2007 // by Andreas Eberhard, andreas.eberhard@gmail.com // http://jquery.andreaseberhard.de/ // // Copyright (c) 2007 Andreas Eberhard // Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php) // // Changelog: // 11.09.2007 Version 1.1 // - removed noConflict // - added png-support for input type=image // - 01.08.2007 CSS background-image support extension added by Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com // 31.05.2007 initial Version 1.0 // -------------------------------------------------------------------- // @example $(function(){$(document).pngFix();}); // @desc Fixes all PNG's in the document on document.ready // // jQuery(function(){jQuery(document).pngFix();}); // @desc Fixes all PNG's in the document on document.ready when using noConflict // // @example $(function(){$('div.examples').pngFix();}); // @desc Fixes all PNG's within div with class examples // // @example $(function(){$('div.examples').pngFix( { blankgif:'ext.gif' } );}); // @desc Fixes all PNG's within div with class examples, provides blank gif for input with png // -------------------------------------------------------------------- (function($) { jQuery.fn.pngFix = function(settings) { // Settings settings = jQuery.extend({ blankgif: '/images/jquery/ui/pngFix/blank.gif' }, settings); var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1); var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1); if (jQuery.browser.msie && (ie55 || ie6)) { //fix images with png-source jQuery(this).find("img[@src$=.png]").each(function() { jQuery(this).attr('width', jQuery(this).width()); jQuery(this).attr('height', jQuery(this).height()); var prevStyle = ''; var strNewHTML = ''; var imgId = (jQuery(this).attr('id')) ? 'id="' + jQuery(this).attr('id') + '" ' : ''; var imgClass = (jQuery(this).attr('class')) ? 'class="' + jQuery(this).attr('class') + '" ' : ''; var imgTitle = (jQuery(this).attr('title')) ? 'title="' + jQuery(this).attr('title') + '" ' : ''; var imgAlt = (jQuery(this).attr('alt')) ? 'alt="' + jQuery(this).attr('alt') + '" ' : ''; var imgAlign = (jQuery(this).attr('align')) ? 'float:' + jQuery(this).attr('align') + ';' : ''; var imgHand = (jQuery(this).parent().attr('href')) ? 'cursor:hand;' : ''; if (this.style.border) { prevStyle += 'border:' + this.style.border + ';'; this.style.border = ''; } if (this.style.padding) { prevStyle += 'padding:' + this.style.padding + ';'; this.style.padding = ''; } if (this.style.margin) { prevStyle += 'margin:' + this.style.margin + ';'; this.style.margin = ''; } var imgStyle = (this.style.cssText); strNewHTML += ''; if (prevStyle != '') { strNewHTML = '' + strNewHTML + ''; } jQuery(this).hide(); jQuery(this).after(strNewHTML); }); // fix css background pngs jQuery(this).find("*").each(function() { var bgIMG = jQuery(this).css('background-image'); if (bgIMG.indexOf(".png") != -1) { var iebg = bgIMG.split('url("')[1].split('")')[0]; jQuery(this).css('background-image', 'none'); jQuery(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='scale')"; } }); //fix input with png-source jQuery(this).find("input[@src$=.png]").each(function() { var bgIMG = jQuery(this).attr('src'); jQuery(this).get(0).runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + bgIMG + '\', sizingMethod=\'scale\');'; jQuery(this).attr('src', settings.blankgif) }); } return jQuery; }; })(jQuery);