使用jQuery实现图片的轮播

首先看一下效果图。在点击旁边的方向键和下方的小图片会直接跳过去

需要使用到图像库，colorbox插件，galleria，如下图所示

最后在html代码中加上js代码，代码如下

<SCRIPT src="jquery-1.8.3.js"></SCRIPT>
	<SCRIPT src="galleria-1.2.8/galleria/galleria-1.2.8.js"></SCRIPT>
	<DIV id="gallery" style="margin-top: 100px;margin-left: 100px;">
		<img src="img/1.jpg" />
		<img src="img/2.JPG" />
		<img src="img/3.JPG" />
		<img src="img/4.JPG" />
		<img src="img/5.JPG" />
	</DIV>
	<SCRIPT>
		Galleria.loadTheme('galleria-1.2.8/galleria/themes/classic/galleria.classic.min.js');
		$("#gallery").galleria({
			width: 950,
			height: 400
		});
	</SCRIPT>

所有源码打包放在大学城下，地址如下
http://www.worlduc.com/blog2012.aspx?bid=62708702