分享好友 教程首页 教程搜索 频道列表

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

2021-08-19 12:136110
+关注2
核心提示:今天给大家带来关于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>


代码被过滤,只能上图,具体代码登录后下载附件



这样就OK了,看看效果吧!


实例:http://www.myjiancai.net/news/show-8630.html


本文标签: #放大 #大图 #详情 #内容
整理员:网络转载
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

css3怎么实现鼠标悬停图片时缓慢变大效果

    当我们在浏览各大电商网站时,最常见的图片动态效果,应该就是鼠标移入图片即悬停在图片时出现放大的效果了

网络转载 CSS教程2022-08-28

CSS图片放大镜特效

    一、CSS放大镜特效用处我们看到淘宝店铺产品页面对产品截图鼠标移上选择小区域后对应右侧显示此区域放大图。实际是两张图片,一张小图、一张大图,鼠标移到小图上显示大图对应局部。二、CSS代码#divcss5 { width: 120px; height: 90px; padding: 5px; border: 1px solid #ccc; position: relative; } #divcss5 .small_pic { width: 120px; height: 90px; background: #

小黑 网页特效2018-09-07

下一篇
我来说两句
抢沙发