fancybox图片灯箱功能解决不符合移动落地页体验规范

3065人参与 |分类: 技术文章|时间: 2020年10月06日
当前位置:网站首页 > 技术文章 > fancybox图片灯箱功能解决不符合移动落地页体验规范

百度后台工具提示您的页面可能存在图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题,影响落地用户体验,下面

fancybox图片灯箱功能解决不符合移动落地页体验规范

第一步引入下面代码

<script src="https://liaoweilin.com/zb_users/theme/Liaoweilin/style/js/jquery.min.js"></script>

<link rel="stylesheet" href="https://liaoweilin.com/zb_users/theme/Liaoweilin/style/js/jquery.fancybox.min.css" />

<script src="https://liaoweilin.com/zb_users/theme/Liaoweilin/style/js/jquery.fancybox.min.js"></script>

图片代码换成下面的即可

<a data-fancybox="gallery" href="图片链接"><img src="图片链接" alt=""/></a>

示例:

fancybox图片灯箱功能解决不符合移动落地页体验规范

本文来源:廖维林博客,转载请保留出处和链接!

本文地址: