jquery图像链接变成图像标记

jquery图像链接变成图像标记,jquery,Jquery,是否有jquery插件可以识别图像URL并将其转换为图像链接,就像视频或jquery媒体的工作原理一样 显然,这些插件都不支持图像???其实实现起来并不难。在原始(未经测试)形式中,它应该是这样的: (function($){ $.fn.imageTag = function(options){ var o = $.extend({}, $.fn.imageTag.options, options||{}); this.each(function(){ var

是否有jquery插件可以识别图像URL并将其转换为图像链接,就像视频或jquery媒体的工作原理一样


显然,这些插件都不支持图像???

其实实现起来并不难。在原始(未经测试)形式中,它应该是这样的:

(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);
(函数($){
$.fn.imageTag=函数(选项){
var o=$.extend({},$.fn.imageTag.options,options |{});
这个。每个(函数(){
变量选择=$.map(o.formats,function(e,i){
返回'a[href$=.+e+'];
})。加入(‘,’);
$(选择,此).each(函数(){
变量img=$(“”
“css”:null//null或用作css()参数的css属性哈希
};
})(jQuery);

当然,这不能处理从
a
传输到
img
或可选包装元素的id/类和其他属性的传输。

那么你的意思是-->?只需检查注释如果你打算使用包装选项,我只是纠正了一个很大的遗漏,所以你可能想再次复制和粘贴再次感谢。我个人也在做html(标记),而不是用(标记)替换。