demo1 demo2 demo3

来源：jq22.com　代码整理：模板在线　感谢：wordpress Xcoder

jQuery small2big图片缩放插件，兼容主流浏览器，模板在线推荐下载！

使用方法：

1、head区域引用文件css和js库

2、在文件中加入html代码， 一个li对应一个图片，images文件夹的图片按数字命名 1.jpg, 2.jpg, ...

<ul class="s2b_col" id="s2b_col">

   <li></li>

   <li></li>

   <li></li>

   <li></li>

   <li></li>

   <li></li>

</ul>

3、引入以下js代码

$(document).ready(function(){

$("#s2b_col").small2big({

s2bRadius : 170, // 图片被放大时的圆形外框的半径

s2bColLiRowMargin : -10, // 每个圆形之间的距离

s2bLiBorderColor : "#000" // 圆形外框颜色

// s2bLiAlign : "V" 图片竖排

}).initS2bCol().addS2bFunction();

});