基于cssSlidy.js插件实现响应式手机图片轮播效果

前端之家收集整理的这篇文章主要介绍了基于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' });

参数详解

如果大家感兴趣的可以,下载源码哦!

以上所述是小编给大家介绍的cssSlidy.js插件实现响应式手机图片轮播效果。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/46219.html

猜你在找的JavaScript相关文章