Skip to main content
 仿站网 » 仿站教程 » 帝国cms教程

帝国cms内容页图片添加灯箱效果

2023年05月15日10050百度已收录

帝国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>

以上就是关于帝国cms调用教程中"帝国cms内容页图片添加灯箱效果"的全部内容,如果有遇到帝国cms调用教程其他问题的,可以在评论留言,或者加微信咨询。

评论列表暂无评论
发表评论取消回复
微信