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.syjlp.com/meiwen/126668.html

  

   

posted @ 2021-08-19 10:07  圆柱模板  阅读(234)  评论(0编辑  收藏  举报