手机移动端图片播放

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

 45100  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轮播图插件支持横向滚动和垂直滚动
  幻灯片和轮播图
 66480  489

jQuery轮播插件slider

最全最简单最通用的 幻灯片轮播 ,可控制的插件,pc端和移动端都可完美使用
  幻灯片和轮播图
 617467  1203

纯CSS全屏轮播滑块

用CSS制作交互式滑块,这是可能的,没有使用任何JavaScript。在这里下面教程告诉你如何使纯CSS不使用jQuery或基于JavaScript来创建全屏滑块。
  幻灯片和轮播图
 50693  404

兼容ie的平面百叶窗轮播

兼容ie的平面百叶窗轮播,webkit内核支持最好。
  幻灯片和轮播图
 53565  484

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

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

    调试模式中换成手机模式

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