html轮播图兼容ie8,兼容IE8的高级jQuery轮播图插件

jSlider是一款兼容IE8的高级jQuery轮播图插件。jSlider轮播图插件的特点是轻量级，使用简单，跨平台。通过jSlider你可以非常容易的而在网页中实现任何轮播图效果。它的特点还有：

速度快，使用简单。

轻量级，压缩后的版本仅3.6KB。

支持IE8+, Chrome, FireFox, Safari, Opera, Edge浏览器。

支持iOS 和 Android等移动设备。

支持5种动画效果。

使用方法

在页面中引入jSlider.css和jQuery、jquery.jSlider.js文件。

HTML结构

轮播图的基本HTML结构如下：

Lorem ipsum dolor sit amet

如果需要在轮播图的某个项上制作动画元素，它的HTML结构如下：

This is the slide title!

This can be moved after the slide is showed...

...in different directions...

...and with different animation effects

powered by jSlider!

使用DATA属性

jSlider的配置参数通过data-*属性来控制。

可用的data-*属性有：

data-navigation：控制是否显示前后导航按钮。值可以设置为"always", "none" 或 "hover"。

data-indicator：控制是否显示圆点导航按钮。值可以设置为"always", "none" 或 "hover"。

data-speed：控制轮播图的切换速度，单位毫秒。默认值为500。

data-delay：控制轮播图的播放速度，单位毫秒，默认值为5000。

data-transition：控制轮播图的动画过渡类型，值可以设置为"slide" 或 "fade"。

data-loop：控制轮播图是否循环播放。

data-group：该属性在gallery模式下使用。用于将图片进行分组。

jSlider兼容IE8的高级jQuery轮播图插件的github地址为：https://github.com/copthuy/jSlider