轮播插件html结构,jQuery响应式轮播图插件edslider

插件描述：edslider是一款时尚的响应式jQuery焦点图插件。该焦点图插件支持图片、文字或混合内容，支持无限轮播效果。

简要教程

edslider是一款时尚的响应式jQuery焦点图插件。该焦点图插件支持图片、文字或混合内容，支持无限轮播效果。它的特点还有：响应式设计。

带进度条显示焦点图的进度。

自动播放，无限循环。

可以自定义皮肤。

支持图层加载时显示spinner。

使用方法

使用edslider焦点图插件需要在页面中引入edslider.css和jquery，以及jquery.edslider.js文件。

HTML结构

该焦点图使用无序列表来制作。

• Yor stuff here!
• Yor stuff here!
• Yor stuff here!

初始化插件

在页面DOM元素加载完毕之后，可以通过edslider()方法来初始化该焦点图插件。$(document).ready(function(){

//Initiazile plugin with your preferences

$('.mySlideshow').edslider({

width:'960',

height:'400'

});

});

配置参数

edslider焦点图插件可用的配置参数如下：参数默认值描述

width960焦点图的宽度。

height400焦点图的高度。

position1开始的位置。

interval5000焦点图之间切换的时间间隔，单位毫秒。

duration500动画的持续时间，单位毫秒。

?animationtrue是否允许动画。

paginatortrue是否显示分页圆点。

navigatortrue是否显示前后导航按钮。

progresstrue是否显示进度条。

loadImgSrc'images/load.gif'加载图片的地址。

?skin'edslider'皮肤的名称。