手机移动端图片播放

所属分类:媒体-幻灯片和轮播图

 44966  311  查看评论 (3)
分享到微信朋友圈
X
手机移动端图片播放 ie兼容10

手机移动端图片横向滚动效果,适用于应用游戏截图浏览,支持iOS,Android(暂不支持WP)等系统以webkit为内核的浏览器,建议在PC端使用以webkit为内核的浏览器(如:Google Chrome)中缩小浏览器窗口宽度查看效果,PC端查看效果需要用鼠标按住导航拖动以模拟手机上手指拖动的效果。

注意:此效果在电脑上模拟效果较差,请通过demo中的二维码用手机扫描查看。


使用方法:

1.head区域引用样式文件reset.css,slider.css,slider.default.css

2.head区域引用JS文件zepto.js,zepto.extend.js,zepto.ui.js,touch.js,mobileevent2pc.js,slider.js

3.在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

4.本代码中两种导航效果均需引用所有CSS,JS文件,如需修改样式,可去掉default相关样式文件


相关插件-幻灯片和轮播图

jQuery滑动式图片轮播效果

jQuery滑动式图片轮播效果兼容ie6
  幻灯片和轮播图
 38688  311

图片轮播插件

源生js自动轮播图插件
  幻灯片和轮播图
 30674  312

仿FLASH轮播图

纯js的运动加定时器做的,掌握后可以自己做出任何运动效果。
  幻灯片和轮播图
 24597  321

jQuery实现弹性TN3相册代码

jQuery实现弹性TN3相册代码
  幻灯片和轮播图
 35850  332

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

    鹅鹅鹅 0
    2017/5/4 11:31:48

    调试模式中换成手机模式

    回复
    0
    2016/8/23 14:08:50
    武兵 0
    2016/4/20 18:04:04
    这个好像不能预览哦 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复