这是一款基于jQuery的图片切换焦点图插件，这款jQuery焦点图插件的特点是图片可以分组切换，也就是说一次可以切换多张图片，相比其他焦点图插件，它能节省更多的空间，可以向用户展示更多的图片，非常实用。
实现的代码。
html代码：
<div class="device">
<h2>
<a href="javascript:;" class="pre">上一组</a><a href="javascript:;" class="next">下一组</a></h2>
<div class="scroll">
<ul>
<li><a href="#">
<img src="images/1.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/2.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/3.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/4.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/5.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/1.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/2.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/3.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/4.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/5.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/1.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/2.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/3.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/4.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/5.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/1.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/2.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/3.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/4.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
<li><a href="#">
<img src="images/5.jpg" /></a><a href="#" class="link">HTML5资源教程</a></li>
</ul>