SuperSlidev2.1.2焦点图/幻灯片、Tab标签切换、图片滚
日期:2015-12-02 13:05:21 来源:网络收集
SuperSlide致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。现在很多网站都在使用。里面有不少的基础功能。大家可以到这里//www.superslide2.com/demo.html查看效果.
站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!
从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!
还可以多个SuperSlide组合创造更多效果哦~
现在自适应网站越来越多,焦点图滚动自适应宽度需求也越来越多,而superslide开始设计时并没考虑到自适应问题,现在提供的自适应示例仅适用fade/fold效果,而且是通过取巧的方法实现,而left/leftLoop就一直存在做滚动不能自适应的问题,现在提供临时解决方案:
更新superslide至v2.1.2:
1、增加参数设置vis:"auto",仅适应于:scroll:1,effect:"left或leftLoop"情况(也就是通常的单图片滚动自适应宽度焦点图)
如上面案例调用:jQuery(".fullSlide").slide({titCell:".hdul",mainCell:".bdul",effect:"leftLoop",vis:"auto",scroll:1,autoPlay:true,autoPage:true,trigger:"click"});
2、修复mouseOverStop和autoPlay均为false下,点击切换按钮后会自动播放bug
站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!
从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!
还可以多个SuperSlide组合创造更多效果哦~
现在自适应网站越来越多,焦点图滚动自适应宽度需求也越来越多,而superslide开始设计时并没考虑到自适应问题,现在提供的自适应示例仅适用fade/fold效果,而且是通过取巧的方法实现,而left/leftLoop就一直存在做滚动不能自适应的问题,现在提供临时解决方案:
更新superslide至v2.1.2:
1、增加参数设置vis:"auto",仅适应于:scroll:1,effect:"left或leftLoop"情况(也就是通常的单图片滚动自适应宽度焦点图)
如上面案例调用:jQuery(".fullSlide").slide({titCell:".hdul",mainCell:".bdul",effect:"leftLoop",vis:"auto",scroll:1,autoPlay:true,autoPage:true,trigger:"click"});
2、修复mouseOverStop和autoPlay均为false下,点击切换按钮后会自动播放bug
您可能感兴趣的脚本
菜单导航2013-02-27
菜单导航2009-05-04
菜单导航2010-07-13
焦 点 图2013-03-05
悬浮漂浮2010-05-18
菜单导航2017-04-18
焦 点 图2009-07-27
相册代码2009-05-20
菜单导航2011-08-25
在线客服2011-12-19
在线客服2014-04-15
图片特效2013-02-18
菜单导航2009-09-16
图片特效2010-05-23
相册代码2009-04-30
焦 点 图2014-12-04
菜单导航2010-07-20
相册代码2009-07-28
悬浮漂浮2010-09-03
图片特效2014-10-16
焦 点 图2009-11-09
菜单导航2015-01-04
悬浮漂浮2009-11-12
菜单导航2011-09-26