destoon内容页面新增内容图片响应式图片查看插件

  

为了加强用户体验，给destoon站点内容新增内容图片响应式图片查看插件，这样有利于seo的同时也增强用户体验。在此我们引入Fancybox这个js组件。 

引入Fancybox组件

   在destoon模板中footer下加入：

1 2 3

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>

 

接着第二步：找到/include/module.func.php文件（8.0版本找到：/include/content.class.php文件

找到这段代码，在下面新增：

接着，我以destoon资讯模块内容页面为例，打开/module/article/show.inc.php

找到这个代码，在20行左右：

添加这个代码：

这样就完成了！

文章转自：destoon内容页面新增内容图片响应式图片查看插件_destoon-考高分网 (kaotop.com)