首页 > 特效插件 > 图像特效 >  基于coolShow.js的图片切换效果正文

基于coolShow.js的图片切换效果

特效介绍


基于coolShow.js的图片切换效果,缩略图能够旋转放大,点击缩略图,对应的大图会以百叶窗的风格展开。
使用方法
1、在head引入下面相关的css和js文件
<link href="css/coolShow.css" rel="stylesheet" type="text/css" />
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script src = "js/coolShow.js"></script>
2、在body引入下面的代码:
<div class = "main">
	<div id = "coolShow"></div>
	<div id = "handBar"></div>
</div>
<script>
$(document).ready(function() { 
	$('#coolShow').coolShow({
		imgSrc:['images/1.png','images/2.png','images/3.png'],
		speed:40
	});
});
</script>
参数说明:imgSrc是图片地址,以数组形式;speed是图片显示速度。