jQuery缩略图插件jQThumb演示

一共有8张尺寸各不同的图片,红色方框里的图片是用样式固定死的,明显有拉伸的现象。而绿色方框里的是使用插件创建的,没有拉伸,效果好很多。

引入文件

<script src="js/jquery.min.js"></script>
<script src="js/jqthumb.min.js"></script>

JavaScript

$(function(){
    $('.dowebok2 img').jqthumb({
        width: 200,
        height: 200,
        after: function(imgObj){
            imgObj.css('opacity', 0).animate({opacity: 1}, 2000);
        }
    });
});