欢迎光临
我们一直在努力

使用jQuery实现缩略图功能

通过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) 打赏
未经允许不得转载:Ddmit » 使用jQuery实现缩略图功能

评论 抢沙发

更好的WordPress主题

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

联系我们联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

登录

找回密码

注册