来源: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();

});