懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery仿简书首页幻灯片图片切换效果

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-11-21
这是一款很漂亮的网站焦点图轮播代码,jQuery仿简书首页幻灯片图片切换效果,一张大图和两张小图交替切换。


js代码

<script src='js/carousel.js'></script>
<script type="text/javascript">
	window.onload = function(){
		var banner = new Carousel();
		//图片地址数组。不要少于三张
		var imgSrcDate = ["img/a1.png","img/a2.png","img/a3.png","img/a4.png","img/a5.png","img/a6.png"];
		banner.init({
			container:"#banner",
			datas:imgSrcDate,
			autoplaySpeed:5000,
			autoplay:false
		});
	}
</script>