图片旋转木马

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

图片动画旋转木马，带左右按钮和自动轮播，后面两张带遮罩。

<div class="container">
	<div class="pictureSlider poster-main" data-setting='{"width":1000,"height":350,"posterWidth":540,"posterHeight":350,"scale":0.8,"autoPlay":true,"delay":2000,"speed":300}'>
		<div class="poster-btn poster-prev-btn"></div>
		<ul class="poster-list">
    			<li class="poster-item"><a href="#"><img src="images/270.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/271.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/272.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/273.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/274.jpg" width="100%" height="100%"></a></li>
			
		</ul>
		<div class="poster-btn poster-next-btn"></div>
	</div>
</div>

<script type="text/javascript" src="js/carousel.js"></script>
<script>
	$(function(){
		Carousel.init($(".pictureSlider"));
	});
</script>