html5移动端仿微信多组图片点击全屏查看(可划屏)

所属分类:媒体,APP模板-图片展示,其他

 21994  148  查看评论 (2)
分享到微信朋友圈
X
html5移动端仿微信多组图片点击全屏查看(可划屏) ie兼容11

更新时间:2020-08-21 00:42:38

<img src="files/images/t1.png" alt="" _date_ _data_num="0" onclick="showImg(this);">

1、_date_class为img标签中固有类名,可理解为一组类名 

2、_data_num为每组img序号,序号从0开始 

3、onclick="showImg(this);"为点击事件 

4、按说明直接套用即可

相关插件-图片展示,其他

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮,可以让你的图片点击放大或者缩小当然,对于懒人来说,真是懒得点击那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 185485  565

jQuery唯美图片Y轴展示

实现精美唯美图片Y轴展示效果
  图片展示
 40685  508

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 53160  565

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 40289  435

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?╉Ency┿ 0
    2021/10/27 17:52:44
    Morningzzz 0
    2021/10/21 16:10:06
    假如动态生成了几十张图片,该怎么套用? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复