Fakecrop整齐的显示你的缩略图

Fakecrop整齐的显示你的缩略图

Fakecrop能够“截图”图片的某一部分作为缩略图或者完全等比例缩放,截图其余部分可以选择是否填充空白。

淘建站为您提供更多_图片代码_缩略图_缩略图_fakecrop,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 323 次

下载资源

32 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:图片代码 > 缩略图 难易程度:初级

HTML

首先在#fakecrop-fill放置多个图片

<div id="fakecrop-fill" class="container">
    <a href="img/10.jpg">
        <img alt="Image 10" src="img/10.jpg">
    </a>
   .......
</div>

jQuery

演示一:默认效果

$('#fakecrop-fill img').fakecrop();

演示二:是否填充空白

$('#fakecrop img').fakecrop({
    fill : false
});
参数 描述 默认值
wrapperSelector 点击菜单时,页面滚动的速度 1000
wrapperWidth 缩略图的宽度 100
wrapperHeight 缩略图的高度 100
center 缩略图剧终显示 true
fill 缩略图填满容器 true
initClass 为缩略图添加一个初始 class fc-init

doneEvent

squareWidth

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/244.html
Fakecrop整齐的显示你的缩略图 希望对你有帮助,感谢您的支持!
  • jquery html5自适应滑动缩略图片自动分组

    jquery html5自适应滑动缩略图片自动分组

  • jQuery浮动缩略图导航点击幻灯片播放

    jQuery浮动缩略图导航点击幻灯片播放

  • jquery鼠标点击缩略图片放大查看大图

    jquery鼠标点击缩略图片放大查看大图

  • jquery仿163网易图片新闻幻灯片切换鼠标点击缩略图片文字内...

    jquery仿163网易图片新闻幻灯片切换鼠标点击缩略图片文字内...

  • jQuery带缩略图的焦点图动画 可切换背景

    jQuery带缩略图的焦点图动画 可切换背景

  • 强大的flash头像上传插件(支持旋转、拖拽、剪裁、生成缩略图等)

    强大的flash头像上传插件(支持旋转、拖拽、剪裁、生成缩略图等)

  • jQuery仿QQ空间响应式相册插件

    jQuery仿QQ空间响应式相册插件

  • css3 transform对角线缩略图布局效果

    css3 transform对角线缩略图布局效果

  • html5带标题和缩略图的响应式图片轮播代码

    html5带标题和缩略图的响应式图片轮播代码

  • AlloyCrop手机移动端图片裁剪组件代码

    AlloyCrop手机移动端图片裁剪组件代码

  • html5实现的文件上传功能,可预览缩略图,可删除,上传多张图片

    html5实现的文件上传功能,可预览缩略图,可删除,上传多张图片

  • jquery缩略图片九宫格布局插件_响应式图片布局

    jquery缩略图片九宫格布局插件_响应式图片布局

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2