添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 图文相册 >

jQuery响应式触屏垂直滚动图片相册代码

时间:2015-01-20      来源:互联网     
特效说明:
一款jQuery响应式触屏垂直滚动图片相册代码网页特效,响应式布局设计,兼容PC端和手机移动端,缩略图在右边,大图在左边,缩略图支持触摸上下滑动,点击缩略图时会左右滚 动切换大图,大图带左右箭头,并支持触摸左右滑动。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel='stylesheet' href='css/masterslider.css' type='text/css' media='all' />
<link rel='stylesheet' href='css/ms-showcase2.css' type='text/css' media='all' />
<link rel='stylesheet' href='css/masterslider.main.css' type='text/css' media='all' />

2、调用JS插件代码:
<script src="js/modernizr-2.6.2.min.js"></script>
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/masterslider.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.min.js'></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • baguetteBox移动端PC端响应式相册插件

    baguetteBox移动端PC端响应式相册插件

    一款baguetteBox移动端PC端响应式相册插件免费下载,该JS特效支持多图展示,多分辨率展示大图特效,响应式网站建设超实用图文展示JS代码。……
    2016-06-12
  • jQuery轻量级响应式全屏LightBox相册特效插件

    jQuery轻量级响应式全屏LightBox相册特效插件

    一款jQuery轻量级响应式全屏LightBox相册特效插件,点击缩略图弹窗大图相册特效,可实现全屏自动播放相片图片特效,带左右按钮,点击左右按钮切换图片。……
    2015-09-07
  • jQuery多功能响应式图文相册插件

    jQuery多功能响应式图文相册插件

    一款jQuery多功能响应式图文相册插件网页特效,可设定相册弹出层方向,自适应响应式全屏预览大图效果,点击左右按钮渐变切换图片。……
    2014-11-26

最新更新特效

设计分享