├── .gitignore
├── demo
├── img
│ ├── 1.jpg
│ ├── 10.jpg
│ ├── 2.jpg
│ ├── 3.jpg
│ ├── 4.jpg
│ ├── 5.jpg
│ ├── 6.jpg
│ ├── 7.jpg
│ ├── 8.jpg
│ └── 9.jpg
└── index.html
├── README.md
├── LICENSE-GPL.txt
├── LICENSE-MIT.txt
├── test
├── test_fakecrop.html
├── qunit
│ ├── qunit.css
│ └── qunit.js
└── JSLitmus.js
├── fakecrop
└── jquery.fakecrop.js
└── jquery-1.7.2.min.js
/.gitignore:
--------------------------------------------------------------------------------
1 | .project
2 |
--------------------------------------------------------------------------------
/demo/img/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/1.jpg
--------------------------------------------------------------------------------
/demo/img/10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/10.jpg
--------------------------------------------------------------------------------
/demo/img/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/2.jpg
--------------------------------------------------------------------------------
/demo/img/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/3.jpg
--------------------------------------------------------------------------------
/demo/img/4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/4.jpg
--------------------------------------------------------------------------------
/demo/img/5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/5.jpg
--------------------------------------------------------------------------------
/demo/img/6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/6.jpg
--------------------------------------------------------------------------------
/demo/img/7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/7.jpg
--------------------------------------------------------------------------------
/demo/img/8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/8.jpg
--------------------------------------------------------------------------------
/demo/img/9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VuongN/jQuery-Fakecrop/HEAD/demo/img/9.jpg
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | **jQuery-Fakecrop Plugin** takes a collection of images and automatically scale them to fit a custom-defined bounding box. This creates a "fake" cropping effect on those images; which produces convincing thumbnails.
2 |
3 | For more information, please visit: http://vuongnguyen.com/fake-cropping-images-with-jquery.html
4 |
5 | **Quick Start:**
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/LICENSE-GPL.txt:
--------------------------------------------------------------------------------
1 | Copyright (C) 2012 Vuong Nguyen http://vuongnguyen.com
2 |
3 | This program is free software: you can redistribute it and/or modify
4 | it under the terms of the GNU General Public License as published by
5 | the Free Software Foundation, either version 3 of the License, or
6 | any later version.
7 |
8 | This program is distributed in the hope that it will be useful,
9 | but WITHOUT ANY WARRANTY; without even the implied warranty of
10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 | GNU General Public License for more details.
12 |
13 | You should have received a copy of the GNU General Public License
14 | along with this program. If not, see
<style>
18 | img { height:100px; } /** there has to be a fixed dimension width/height **/
19 | </style>
20 |
21 | <script src="/path/to/jquery-library.js"></script>
22 | <script src="/path/to/jquery.fakecrop.js"></script>
23 | <script>
24 | $(document).ready(function () {
25 | // for a filled square thumbnail
26 | $('img').fakecrop();
27 | // for a fixed width/height
28 | $('img').fakecrop({fill: false});
29 | });
30 | </script>
31 |
32 | $('#fakecrop-fill img').fakecrop();
50 | $('#fakecrop img').fakecrop({ fill: false });
55 | Public domain photographs courtesy of United State Department of Agriculture
60 |