JAVASCRIPT   54

jquery pngfix js

Guest on 17th August 2022 12:29:53 AM

  1. /**
  2.  * --------------------------------------------------------------------
  3.  * jQuery-Plugin "pngFix"
  4.  * Version: 1.1
  5.  * by Andreas Eberhard, andreas.eberhard@gmail.com
  6.  *                      http://jquery.andreaseberhard.de/
  7.  *
  8.  * Copyright (c)  Andreas Eberhard
  9.  * Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
  10.  *
  11.  * Changelog:
  12.  *     Version 1.1
  13.  *    - removed noConflict
  14.  *    - added png-support for input type=image
  15.  *    -  CSS background-image support extension added by Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
  16.  *     initial Version 1.0
  17.  * --------------------------------------------------------------------
  18.  * @example $(function(){$(document).pngFix();});
  19.  * @desc Fixes all PNG's in the document on document.ready
  20.  *
  21.  * jQuery(function(){jQuery(document).pngFix();});
  22.  * @desc Fixes all PNG's in the document on document.ready when using noConflict
  23.  *
  24.  * @example $(function(){$('div.examples').pngFix();});
  25.  * @desc Fixes all PNG's within div with class examples
  26.  *
  27.  * @example $(function(){$('div.examples').pngFix( { blankgif:'ext.gif' } );});
  28.  * @desc Fixes all PNG's within div with class examples, provides blank gif for input with png
  29.  * --------------------------------------------------------------------
  30.  */
  31.  
  32. (function($) {
  33.  
  34. jQuery.fn.pngFix = function(settings) {
  35.  
  36.         // Settings
  37.         settings = jQuery.extend({
  38.                 blankgif: 'blank.gif'
  39.         }, settings);
  40.  
  41.         var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
  42.         var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);
  43.  
  44.         if (jQuery.browser.msie && (ie55 || ie6)) {
  45.  
  46.                 //fix images with png-source
  47.                 jQuery(this).find("img[@src$=.png]").each(function() {
  48.  
  49.                         jQuery(this).attr('width',jQuery(this).width());
  50.                         jQuery(this).attr('height',jQuery(this).height());
  51.  
  52.                         var prevStyle = '';
  53.                         var strNewHTML = '';
  54.                         var imgId = (jQuery(this).attr('id')) ? 'id="' + jQuery(this).attr('id') + '" ' : '';
  55.                         var imgClass = (jQuery(this).attr('class')) ? 'class="' + jQuery(this).attr('class') + '" ' : '';
  56.                         var imgTitle = (jQuery(this).attr('title')) ? 'title="' + jQuery(this).attr('title') + '" ' : '';
  57.                         var imgAlt = (jQuery(this).attr('alt')) ? 'alt="' + jQuery(this).attr('alt') + '" ' : '';
  58.                         var imgAlign = (jQuery(this).attr('align')) ? 'float:' + jQuery(this).attr('align') + ';' : '';
  59.                         var imgHand = (jQuery(this).parent().attr('href')) ? 'cursor:hand;' : '';
  60.                         if (this.style.border) {
  61.                                 prevStyle += 'border:'+this.style.border+';';
  62.                                 this.style.border = '';
  63.                         }
  64.                         if (this.style.padding) {
  65.                                 prevStyle += 'padding:'+this.style.padding+';';
  66.                                 this.style.padding = '';
  67.                         }
  68.                         if (this.style.margin) {
  69.                                 prevStyle += 'margin:'+this.style.margin+';';
  70.                                 this.style.margin = '';
  71.                         }
  72.                         var imgStyle = (this.style.cssText);
  73.  
  74.                         strNewHTML += '<span '+imgId+imgClass+imgTitle+imgAlt;
  75.                         strNewHTML += 'style="position:relative;white-space:pre-line;display:inline-block;background:transparent;'+imgAlign+imgHand;
  76.                         strNewHTML += 'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;';
  77.                         strNewHTML += 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + jQuery(this).attr('src') + '\', sizingMethod=\'scale\');';
  78.                         strNewHTML += imgStyle+'"></span>';
  79.                         if (prevStyle != ''){
  80.                                 strNewHTML = '<span style="position:relative;display:inline-block;'+prevStyle+imgHand+'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;'+'">' + strNewHTML + '</span>';
  81.                         }
  82.  
  83.                         jQuery(this).hide();
  84.                         jQuery(this).after(strNewHTML);
  85.  
  86.                 });
  87.  
  88.                 // fix css background pngs
  89.                 jQuery(this).find("*").each(function(){
  90.                         var bgIMG = jQuery(this).css('background-image');
  91.                         if(bgIMG.indexOf(".png")!=-1){
  92.                                 var iebg = bgIMG.split('url("')[1].split('")')[0];
  93.                                 jQuery(this).css('background-image', 'none');
  94.                                 jQuery(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='scale')";
  95.                         }
  96.                 });
  97.                
  98.                 //fix input with png-source
  99.                 jQuery(this).find("input[@src$=.png]").each(function() {
  100.                         var bgIMG = jQuery(this).attr('src');
  101.                         jQuery(this).get(0).runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + bgIMG + '\', sizingMethod=\'scale\');';
  102.                 jQuery(this).attr('src', settings.blankgif)
  103.                 });
  104.        
  105.         }
  106.        
  107.         return jQuery;
  108.  
  109. };
  110.  
  111. })(jQuery);

Raw Paste


Login or Register to edit or fork this paste. It's free.