jQuery的圖片鏈接變成圖像標籤

Question

是否有一個jQuery插件，變成識別圖像的URL，並把它們轉化成圖像鏈接，就像http://videojs.com/作品的視頻或jQuery的媒體是如何工作的http://jquery.malsup.com/media/#overview

顯然沒有這些插件支持的圖像???

Answer 1

那麼它不太難實施。在版本原料（和未經測試）形式ITD是這樣的：

(function($){ 
    $.fn.imageTag = function(options){ 
    var o = $.extend({}, $.fn.imageTag.options, options||{}); 

    this.each(function(){ 
     var selections = $.map(o.formats, function(e,i){ 
     return 'a[href$=.'+e+']'; 
     }).join(','); 

     $(selections, this).each(function(){ 
     var img = $('<img />').attr('src', $(this).attr('href')); 
     var tag; 
     if(o.wrapper){ 
      tag = $(o.wrapper).append(img); 
     } else { 
      tag = img; 
     } 

     if(o.css){ 
      tag.css(o.css); 
     } 

     $(this).replaceWith(tag); 
     }); 
    }); 

    return this; 
    }; 

    $.fn.imageTag.options = { 
    'formats': ['png','gif','jpg'], 
    'wrapper': null, // null or a tag like '<div></div>' 
    'css': null // null or a hash of css properties to be used as an arg for css() 
    }; 

})(jQuery); 

當然，這doent處理tranferring的ID /類和其他屬性，您可能需要從a轉移到img或可選的包裝元素。