炫酷碎片化幻灯片图片轮播js代码

来源:https://www.sucaihuo.com/js/3313.html 2017-12-17 18:53浏览(2626) 收藏

一款炫酷碎片化幻灯片图片轮播js代码,网站banner图片碎片化过渡效果进行切换,带进度条和按钮控制。
炫酷碎片化幻灯片图片轮播js代码
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/banner.js"></script>
<script type="text/javascript">

	var banner = new FragmentBanner({
		container : "#banner1",//选择容器 必选
		imgs : ['images/a1.png','images/a2.png','images/a3.png','images/a4.png','images/a5.png'],//图片集合 必选
		size : {
			width : 1000,
			height : 560
		},//容器的大小 可选
		//行数与列数 可选
		grid : {
			line : 12,
			list : 14
		},
		index: 0,//图片集合的索引位置 可选
		type : 2,//切换类型 1 , 2 可选
		boxTime : 5000,//小方块来回运动的时长 可选
		fnTime : 10000//banner切换的时长 可选
	});
		
	/*
	** 只填两个必要参数也是可以的
	*/
	var banenr2 = new FragmentBanner({
		container : "#banner2",//选择容器 必选
		imgs : ['images/a1.png','images/a2.png','images/a3.png','images/a4.png','images/a5.png'],//图片集合 
	});

</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2