前端之家收集整理的这篇文章主要介绍了
基于cssSlidy.js插件实现响应式手机图片轮播效果,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
cssSlidy是一款支持手机移动端的焦点图轮播插件,支持标题设置,滑动动画,间隔时间等。
在线实例
使用方法
cssSlidy({
timeOnSlide: 5,timeBetweenSlides: .5,slidyContainerSelector: '#slidy-container',slidySelector: '#slidy',captionSource: 'data-caption',captionBackground: 'rgba(0,0.5)',captionColor: '#ff0',captionFont: 'Raleway,Brittanic Bold,Hevetica,sans-serif',captionPosition: 'bottom',captionAppear: 'perm',captionSize: '16px',captionPadding: '1em',/*fallbackFunction: function(){ alert("Oh noes! You can't animate!"); },*/
cssAnimationName: 'slidy'
});