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

jQuery缩略图网格排列切片组合动画大图切换代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-07-14
一款将所有缩略图以网格形式排列,当用户点击某张缩略图时,会以九宫格切片组合动画的方式组合出高清大图,效果非常棒的jQuery大图切换展示代码。


js代码

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="dist/js/dreamslider.min.js"></script>
<script type="text/javascript">
	$(function(){
		$('.container').dreamSlider({
			rowCount:6
			,easeEffect: 'bounce'
			//,easeEffect: 'standOut'
		});
	});
</script>