移动端图片预览
手机浏览器访问淘宝(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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
标记一下,写过是写过,就是不太流畅,体验不好,坐等大神回复。
小图注册一个click或者tap事件,通过attr获取大图资源或者在js里绑定好,一个遮罩层+一个图片轮播组件+一个缩放组件;我用的是swiper+pinchzoom,demo都是现成的.另外大图 可以预加载 或者加一个默认图 懒加载.