jQuery缩略图插件jQThumb

所属分类:媒体-图片展示

 36051  327  查看评论 (0)
分享到微信朋友圈
X
jQuery缩略图插件jQThumb ie兼容6

使用方法

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函数
所有图片处理后的回调函数
相关插件-图片展示

jQuery动态缩放焦点图

jQuery动态缩放焦点图
  图片展示
 34668  401

Apple TV的海报视差效果

CSS和jQuery重现这种现象
  图片展示
 32562  419

jQuery放大镜插件imgzoom.js

jQuery图片放大插件imgzoom.js
  图片展示
 27937  317

jQuery移动端对图片进行拖拽与旋转等操作

选着一个背景模板 然后对图片进行拖拽或者旋转一个角度 或者放大和缩小 进行调整 然后保存下来
  图片展示
 25659  303

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复