使用jQuery实现缩略图功能

洼地云 tuoyidashi.png

通过jQuery缩略图插件jQThumb实现缩略图功能,此插件实现过程简单,效果也很好,推荐一下。

需要引入的插件包括:

jquery.min.js
jqthumb.min.js

具体实现的Js部分的代码:

<script>
$(function(){
    $('.iwwenbo2 img').jqthumb({
        width: 100, //生成的缩略图的宽度
        height: 100,//生成的缩略图的高度
        after: function(imgObj){
            imgObj.css('opacity', 0).animate({opacity: 1}, 2000);//动画效果
        }
    });
});
</script>

相关插件下载地址:

1.jqthumb.min.js官方下载地址

2.jquery.min.js官方下载地址

赞(0)
未经允许禁止转载:优米格 » 使用jQuery实现缩略图功能

评论 抢沙发

合作&反馈&投稿

商务合作、问题反馈、投稿,欢迎联系

广告合作侵权联系

登录

找回密码

注册