JQuery之滑动幻灯片插件Easy Slider初体验

Posted 一天一点到

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery之滑动幻灯片插件Easy Slider初体验相关的知识,希望对你有一定的参考价值。

Easy Slider 是一个滑动幻灯片插件,支持任何图片或内容,可以实现横向或纵向滑动。它拥有一系列丰富的参数设置,可通过CSS来进行完全的控制。基本上只需要引入这个插件后,设置好内容,然后样式化CSS就可以自定义了。

技术分享

小编这里用来做了轮播图,首先将其下载好。

技术分享

习惯性下载最新版1.7。下载到的是压缩包,解压之。

技术分享

发现有三个不同样式的html页面。打开第一个:

技术分享

图片有问题,不知道怎么办。一般情况只会刷新浏览器,没有变化,心里烦躁,接着刷新吧...刷新大约6次,页面正常了。

技术分享

现在可以自行修改了,动手改之,自己需要一个简单的轮播图,就要将改页面改造一番。改造过程比较痛苦,新手操作,错误百出,不过最后还是成功了,小编个人喜欢海贼王,就放了女帝以及路飞的图,效果如下:

技术分享

其中显示数字只要将numeric: true添加上去即可。

以上是关于JQuery之滑动幻灯片插件Easy Slider初体验的主要内容,如果未能解决你的问题,请参考以下文章

Javascript Nivo Slider 不同的滑动时间

jQuery幻灯片在滑动时改变宽度

适用于任何Html内容的jQuery Slider插件 - AnySlider

jQuery幻灯片插件pbTouchSlider

jQuery幻灯片插件Skippr

Maximage 2.0 插件:滑动和按键导航