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

   

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

    要解决这个问题，首先就得新增图片全屏查看后不可缩放/左右滑动功能，，就得引入Fancybox这个js组件，干起来。

效果图：

    

   引入Fancybox组件

   在destoon模板中footer下加入：

<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文件

  找到：

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);
}

在下面添加以下代码：

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

找到：

$content = $t['content'];

在下面添加：

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

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

  演示案例：http://www.myjiancai.net/news/show-8630.html