jQuery缩略图插件jQThumb

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

 34294  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移动端图片查看插件photoswipe.js

实现了移动端图片查看缩放,左右切换效果
  图片展示
 76206  443

原生js图片查看插件(原创)

原生js实现点击图片放大预览
  图片展示
 31696  346

jQuery商品放大镜预览代码

jQuery商品放大镜特效加点击放大全屏切换
  图片展示
 25757  327

简易的jQuery无缝滚动(原创)

简易无缝滚动,只需要改变高度(不用设宽度)嗯,或许看看就知道是不是你想要的
  图片展示
 36622  441

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

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