jQThumb – jQuery缩略图插件

 jQuery插件   阅读(127)   评论(0)   2018-05-20 13:08:02    缩略图 


jQThumb – jQuery缩略图插件


简介

为一堆不同尺寸的图片创建相同尺寸的缩略图可不是件容易的事,除非有一个强大的后台程序或靠谱的软件,如果都没有或不想使用后台程序,那么可以试试 jQThumb。jQThumb 是一款基于 jQuery 的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。

jQThumb 兼容所有浏览器,包括 IE6。在高级浏览器中使用背景方式实现,并设置图片的尺寸(background-size)和位置(background-position)实现居中;在 IE6 等老旧的浏览器中使用图片的方式实现,并使用绝对定位和 margin 实现居中。

浏览器兼容

IEChromeFirefoxOperaSafari
IE6+ ✔Chrome ✔Firefox ✔Opera ✔Safari ✔

使用方法

1、引入文件

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

2、JavaScript

$(function(){
    $('img').jqthumb();
});

配置

属性/方法类型默认值说明
classname
‘jqthumb’缩略图容器的 class
width整数100缩略图的宽度,单位为 px
height整数100缩略图的高度,单位为 px
position
{top:’50%’, left:’50%’}缩略图的位置,默认为 50%,即水平并且垂直居中
source字符串‘src’指定图像源属性,默认为 src
showoncomplete布尔值true处理后时候立即显示,如果为 false 则不自动显示,需要额外设置让它显示,比如使用回调函数 after、done
before函数
处理前的回调函数
after函数
某一个图片处理后的回调函数
done函数
所有图片处理后的回调函数

参看网址:https://github.com/pakcheong/jqthumb




相关文章



    我要评论


    站长昵称:(*)

    输入内容:


    评论列表


    高蒙

    男,程序猿一枚

     

    人生要是没有理想, 那跟一条咸鱼有什么分别。


    关于我

      http://www.shuchengxian.com

    高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


    站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

    Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

    关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客