基于jQuery图片放大变小切换代码是一款全屏banner图片轮播切换特效。效果图如下：

在线预览    源码下载

实现的代码。

html代码：

<div class="banner">
	<ul class="banList">
		<li class="active"><a href="http://sc.chinaz.com/"><img src="images/img1.jpg"/></a></li>
		<li><a href="http://sc.chinaz.com/"><img src="images/img2.jpg"/></a></li>
		<li><a href="http://sc.chinaz.com/"><img src="images/img3.jpg"/></a></li>
	</ul>
	<div class="fomW">
		<div class="jsNav">
			<a href="javascript:;" class="trigger current"></a>
			<a href="javascript:;" class="trigger"></a>
			<a href="javascript:;" class="trigger"></a>
		</div>
	</div>
</div>
	
<script type="text/javascript"> 
$(function(){
	$(".banner").swBanner();
});
</script>

via：http://www.w2bc.com/article/jquery-big-to-small-change-focus

在线预览    源码下载