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