歇后语大全| 百家姓| 丰胸美乳| 丰胸新闻| 明星美胸| 美胸图片| 丰胸按摩| 丰胸饮食| QQmi| 图片素材| 个性签名| QQ网名| QQ头像| 空间日志| 好友印象| QQ分组
首页 > 网站建设知识 > 正文

网站建设知识

jQThumb – jQuery缩略图插件 用jQuery创建生成缩略图

分享到:

发布:新新网络 | 发布时间:2016-11-16 | 点击:


简介

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

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

浏览器兼容

IE Chrome Firefox Opera Safari
IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔

使用方法

1、引入文件

<script src="/images/grey.gif" style="min-height:200px; min-width:200px;" data-original="js/jquery.min.js"></script>
<script src="/images/grey.gif" style="min-height:200px; min-width:200px;" data-original="js/jqthumb.min.js"></script>

2、JA与VaScript

$(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 函数   所有图片处理后的回调函数

Github 地址:https://github.com/pakcheong/jqthumb

jQuery缩略图插件jQThumb源代码下载


建站知识

Knowledge

相关信息

  • jQThumb – jQuery缩略图插件 用jQuery创建生成缩略图
  • ASPJPEG按比例缩放_ASPJPEG缩略图生成高质量不模糊
  • 本类阅读排名

    本站阅读排名


    关于新新网络| 业务范围| 企业动态 | 行业新闻 | 新闻中心| 建站知识| 客户服务| 招贤纳才| 网站模板| 联系新新网络| 网站地图| sitemap
    • 热线电话: 0755-84185494 / 84185967
    • 点击在线咨询做网站
    • 传真:0755-84185967 邮箱:8416287@qq.com (请将#号换成@)
    • 地址:深圳市龙岗区布吉中兴路21号基业大厦1109室
    深圳最值得信赖的品牌-深圳品牌营销网站建设专家
    分享到:

    备案编号:粤ICP备13013056号-1
    Copyright © 2009-2013 新新网络(www.newnet.cc) All Rights Reserved. 《中华人民共和国增值电信业务经营许可证》

    ·1、本站转载文章及论坛发帖,仅代表原作者观点和立场,并不代表本网赞同其观点和立场,也不对其真实性负责。
    ·2、如果本站转载的文章有内容、版权及其它问题,请即与本站联系,我们将尽快予以更正或删除。