移动端图片预览

发布于 2022-09-03 07:40:47 字数 521 浏览 18 评论 0

手机浏览器访问淘宝(https://detail.m.tmall.com/item.htm?id=38994393758&spm=a311d.7475189.waterfall.101&scm=1007.12279.28171.100200300001001)点击评价栏,选择一条带有图片的评论,点击图片,可以大图浏览,如果有多张,可以想slider一样滑动,再次点击大图回到页面上。
个人分析:该实现是有两份图片,先加载的是小图,点击小图的时候大图slider的形式全屏显示,但是无论点击哪张小图都是从大图第一张开始显示,(像bug,哈哈哈~)点击大图的时候slider隐藏。
问:这种实现有没有比较成熟的库,或者有没有人写过相关的demo,求参考指点。
谢谢!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

把昨日还给我 2022-09-10 07:40:47

标记一下,写过是写过,就是不太流畅,体验不好,坐等大神回复。

_畞蕅 2022-09-10 07:40:47

小图注册一个click或者tap事件,通过attr获取大图资源或者在js里绑定好,一个遮罩层+一个图片轮播组件+一个缩放组件;我用的是swiper+pinchzoom,demo都是现成的.另外大图 可以预加载 或者加一个默认图 懒加载.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文