Question

是否有一个jquery插件可以识别图片网址并将其转换为图片链接，就像http://videojs.com/适用于视频或jquery媒体作品http://jquery.malsup.com/media/#overview

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

Answer 1

嗯，实施起来并不难。在原始（和未经测试）形式中，它是这样的：

(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会处理转发id / classes以及您可能需要从a转移到img或可选包装元素的其他属性。

jquery图像链接变成图像标签

1 个答案: