jQuery eislideshow 图片轮播


在线实例

基础演示自动播放

使用方法

<div id="ei-slider" class="ei-slider">  
    <ul class="ei-slider-large">  
        <li> 
            <img src="images/large/4.jpg" alt="image04" /> 
            <div class="ei-title"> 
                <h2> 
                    <a href='#' target='_blank'>手风琴菜单</a> 
                </h2> 
                <h3> 
                    手风琴 
                </h3> 
            </div> 
        </li> 
    </ul>  
    <ul class="ei-slider-thumbs">  
        <li class="ei-slider-element">Current</li>  
        <li><a href="#">Slide 1</a><img src="images/thumbs/1.jpg" alt="thumb01" /></li>  
        <li><a href="#">Slide 2</a><img src="images/thumbs/2.jpg" alt="thumb02" /></li>  
        <li><a href="#">Slide 3</a><img src="images/thumbs/3.jpg" alt="thumb03" /></li>  
    </ul>  
</div>
    $(function() { 
        $('#ei-slider').eislideshow({ 
            easing: 'easeOutExpo', 
            titleeasing: 'easeOutExpo', 
            titlespeed: 1200 
        }); 
    });

参数详解

参数描述默认值

eislideshowAPI参数

animation动画效果。sides || centersides
autoplay自动播放false
slideshow_interval轮播间隔时间,单位毫秒3000
speed焦点图滑动动画时间800
titlespeed标题滑动动画时间800
thumbMaxWidth缩略图最大尺寸150

云盘内容


 jQuery插件大全打包

HTML5+CSS3+PHP+jQuery等示例
大小
170M(300+个文件)

注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。

下载地址