第21款插件:zoomi 图片绽放特效插件(只有一个大图的使用方法)

描述：当“鼠标放置在图片上时”或“者单击图片时”自动显示扩大的图片，使用其基本功能时不需要任何额外的javascript代码。
这篇教程指的是只有一个大图的使用方法！

兼容浏览器：IE6-9/Firefox/Google Chrome

官方链接： http://www.sunsean.com/zoomi

JS下载： http://ijquery.360sites.cn/js/zoomi.js

预览： http://ijquery.360sites.cn/demo/zoomi2

打包下载： http://ijquery.360sites.cn/demo/zoomi2/zoomi2.zip

参数说明：无

图片展示：


JS引用代码：
这里引入jquery和zoomi两个JS脚本，为方便重复使用，我这里引用绝对地址，你也可以使用的！

1. <script type="text/javascript" src="http://ijquery.360sites.cn/js/jquery-1.3.2.min.js"></script>
   
2. <script type="text/javascript" src="http://ijquery.360sites.cn/js/zoomi.js"></script>

复制代码

HTML代码：
在这里随便使用一个图片，在class设置zoomi，图片有400px,只要指定它的宽度即可，即style="width:200px;"。

1. <a href="#"><img class="zoomi" src="images/bamboo.jpg" style="width:200px;"></a>
   
2. <a href="#"><img class="zoomi" src="images/bamboo.jpg" style="width:200px;"></a>
   
3. <a href="#"><img class="zoomi" src="images/bamboo.jpg" style="width:200px;"></a>
   
4. <a href="#"><img class="zoomi" src="images/bamboo.jpg" style="width:200px;"></a>

复制代码

[转] http://ijquery.360sites.cn/forum.php?mod=viewthread&tid=21