JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > jQuery自动裁切图像产生缩略图Fakecrop

jQuery自动裁切图像产生缩略图Fakecrop


在线演示


       偶尔,你只想显示一个集合(或更多)的图像具有不同的尺寸,手动创建的每个图像的缩略图的任务相当繁琐,这绝对是不值得,写的一个脚本生成缩略图来支持。jQuery fakecrop以图像的采集和自动缩放到合适的自定义盒。这将产生令人信服的缩略图。

代码:
<script src="/path/to/jquery-library.js"></script><script src="/path/to/jquery.fakecrop.js"></script><script>    $(document).ready(function () {        // for a filled square thumbnail        $('img').fakecrop();        // for a fixed width/height        $('img').fakecrop({fill: false});    });</script>

【jQuery自动裁切图像产生缩略图Fakecrop】相关文章

1. jQuery自动裁切图像产生缩略图Fakecrop

2. jQuery自动轮播图片焦点图插件

3. jQuery带缩略图的宽屏焦点图插件

4. 一款基于jQuery底部带缩略图的焦点图

5. jQuery底部带缩略图的焦点图插件

6. 右侧带缩略图导航的jQuery焦点图

7. jQuery上下切换焦点图 带缩略图悬浮

8. jQuery垂直缩略图相册插件 支持鼠标滑动翻页

9. 超酷响应式带缩略图的jQuery轮播图插件

10. CSS生日快乐:CSS之父Håkon Wium Lie访谈录

本文来源:https://www.51html5.com/a1201.html

点击展开全部

﹝jQuery自动裁切图像产生缩略图Fakecrop﹞相关内容

「jQuery自动裁切图像产生缩略图Fakecrop」相关专题

其它栏目

也许您还喜欢