destoon7.0-8.0解决pc端“您的页面可能存在图片不可全屏查看”百度移动落地页检测问题方法

       今天给大家带来关于destoon7.0-8.0解决pc端百度移动落地页检测出现：您的页面可能存在图片不可全屏查看  的问题。

    要解决这个问题，首先就得新增图片全屏查看后不可缩放/左右滑动功能，，就得引入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/content.class.php文件

  找到：

?

1 2 3

public static function lazy($content) {     return preg_replace("/src=([\"|']?)([^ \"'>]+\.(jpg|jpeg|gif|png|bmp))\\1/i", "src=\"".DT_SKIN."image/lazy.gif\" class=\"lazy\" original=\"\\2\"", $content); }

　　在下面添加以下代码：

 

?

1 2 3 4 5 6

public static function fancybox($content) {   $pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>/i";   $replacement = '<a$1href=$2$3.$4$5 data-fancybox="images"><img$1src=$2$3.$4$5$6></a>';   $content = preg_replace($pattern, $replacement, $content);   return $content;   }

　　

 

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

找到：

?

1	$content = $t['content'];

　　在下面添加：

?

1	$content = DC::fancybox($content);//引入fancybox图片查看

　　

这样就OK了，看看效果吧！

  演示案例：http://www.syjlp.com/meiwen/126668.html