首先导入jquery.js和ElasticSlideshow.js，一下是html代码
<div id="ei-slider" class="ei-slider">
<ul class="ei-slider-large">
<li>
<img src="1.jpg" />
</li>
<li>
<img src="2.jpg" />
</li>
<li>
<img src="3.jpg" />
</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
ElasticSlideshow的使用demo,布布扣,bubuko.com
原文：http://www.cnblogs.com/echofrank/p/3592129.html