ElasticSlideshow的使用demo

首先导入jquery.js和ElasticSlideshow.js，一下是html代码

 

    <div id="ei-slider" class="ei-slider">
    <ul class="ei-slider-large">
        <li>
            <img src="1.jpg" alt=""/>
        </li>
        <li>
            <img src="2.jpg" alt="" />
        </li>
        <li>
            <img src="3.jpg" alt="" />
        </li>
    </ul>
</div>

　　然后在该html页面上使用js配置

    <script type="text/javascript">
        $(function() {
            $('#ei-slider').eislideshow({
                animation			: 'center',
                autoplay			: true,
                slideshow_interval	: 1000,
                titlesFactor		: 0
            });
        });
    </script>

　　注意：ei-slider的div中的li或者img要设为position：absolute