帝国cms内容页图片添加灯箱效果
帝国cms内容页图片添加灯箱效果,也是各位站长在使用帝国cms程序过程中经常会遇到的。下面是青青模板网整理的关于本篇内容在“(帝国cms使用)”中的解决方案和思路,方便新手站长们在利用帝国cms建网站的时候,可以少走一些弯路。
js:
<script> $(function () { $('.content').find('img').each(function () { var _this = $(this); var _src = _this.attr("src"); var _alt = _this.attr("alt"); _this.wrap('<a data-fancybox="images" href="' + _src + '" data-caption="' + _alt + '"></a>'); $(this).attr('title','' + _alt + ''); }) }) </script>
外部引用文件(为避免地址失效,请下载文件后更改调用地址):
<!--fancybox--> <link href="jquery.fancybox.css" rel="stylesheet"> <script src="jquery.fancybox.js"></script>
本文来自博客园,作者:我是小弟弟,转载请注明原文链接:https://www.cnblogs.com/pyforseo/articles/17870591.html