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