Emlog6.0.1 用 jquery 给外链 img 标签添加一个 a 标签

avatar
avatar
小王先森
386
文章
382
评论
2019年3月31日 1 632

用 jquery 给新浪图床插入的外链 img 标签添加一个 a 标签,实现 Emlog 的文章阅读页面图片查看原图。其实,FLY 主题默认是支持本地化图片点击查看原图的,只是通过后台编辑器插入的外链图片不支持而已。手动加上超链接可以实现,但这样太麻烦了。

下面的方法可以实现外链图片自动添加 a 标签,打开模板下 echo_log.php 文件,在适当位置添加如下内容:

<!-- 文章 img 标签加 a 标签 -->
<script type="text/javascript">
$(function() {
	$(".context img").each(function(){
		$(this).wrapAll("<a class=’swipebox’ title=’查看原图’ target=’_blank’ href=’" + this.src + "’></a>");
	});
});
</script>

注意:class=’swipebox’ 必须加到 a 标签里,这个类就是支持本地图片查看原图的。

另外,使用 find() 方法,加载速度更快。

<script type="text/javascript">
$(function() {
	$(’.context’).find(’img’).each(function(){
		var strA = "<a class=’swipebox’ title=’查看原图’ target=’_blank’ href=’" + this.src + "’></a>";
		$(this).wrapAll(strA);});
	});
</script>
历史上的今天
三月
31
avatar
  • 本文由 发表于 2019年3月31日
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • avatar 青衫慧博客 5

      不错呦,建议去申请一下gravatar账户,设置个头像,现在用这个的比较多。