https://github.com/vin-ai/jquery.smartify.js
jQuery Smartify loads images, calls Ajax, plays with css classes in on demand, while element is/or becoming visible in device Viewport. Replacement of jQuery Lazyload.
https://github.com/vin-ai/jquery.smartify.js
device-viewport frontend-webdevelopment jquery-lazyload jquery-plugin smartify viewport
Last synced: 7 months ago
JSON representation
jQuery Smartify loads images, calls Ajax, plays with css classes in on demand, while element is/or becoming visible in device Viewport. Replacement of jQuery Lazyload.
- Host: GitHub
- URL: https://github.com/vin-ai/jquery.smartify.js
- Owner: vin-ai
- License: mit
- Created: 2016-02-11T05:16:40.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2019-12-17T15:26:18.000Z (over 6 years ago)
- Last Synced: 2025-10-22T09:59:31.034Z (8 months ago)
- Topics: device-viewport, frontend-webdevelopment, jquery-lazyload, jquery-plugin, smartify, viewport
- Language: JavaScript
- Homepage: http://www.vin-sha.in/jquery-plugins/jquery.smartify
- Size: 246 KB
- Stars: 11
- Watchers: 2
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE-MIT
Awesome Lists containing this project
README
# jQuery Smartify
jQuery Smartify boosts web application load times and lazy loads images, calls Ajax, plays with css classes in/on demand, while element is/or being visible in device viewport.
It has full capability of [jQuery Lazyload](https://github.com/tuupola/jquery_lazyload), but with more elements coverage and advanced. This doesn't only work for <img>, have capabality to smartify any elements!
Plugin is inspired by [jQuery Lazyload](https://github.com/tuupola/jquery_lazyload) created by [Mika Tuupola](https://github.com/tuupola).
### Features, Benefits & Plans
- [x] Boost your web application load time.
- [x] Multiple Elements Support
- [x] Dynamically load contents via Ajax call. e.g: Load each section on just before becoming visible.
- [x] Infinite load items, such as products to sale. Best for e-commerce websites.
- [x] Load images when visible in viewport.
- [x] Load dynamic images for different DPI supports. Such as 3x for High Res(Retina) display.
- [x] Toggle, Add or Remove element classes.
- [x] Or just call User defined callback function.
- [ ] HTML5 History API (wip)
## Getting Started
Preferred method:
* Install with [Bower]: `$ bower install smartify`
Other methods:
* [Download zipball of latest release][zipball].
* Download the latest production or development files individually:
* *[min]* (Production version)
* *[max]* (Development version)
**Note:** *jquery.smartify.js* have a dependency on [jQuery]
[Bower]: http://bower.io/
[zipball]: https://github.com/vinaykrsharma/jquery.smartify/archive/1.0.0.zip
[jQuery]: http://jquery.com/
[min]: https://raw.github.com/vinaykrsharma/jquery.smartify/master/dist/jquery.smartify.min.js
[max]: https://raw.github.com/vinaykrsharma/jquery.smartify/master/dist/jquery.smartify.js
Quick Start
-----------
```html
![]()
...
jQuery(function($) {
$('.smartify').smartify(); // "smartify"
});
```
Examples
--------
For some working examples of Smartify, visit the [examples page].
[examples page]: http://www.vinay-sharma.com/jquery-plugins/jquery.smartify/demo.html
Documentation
-------------
[Docs](http://www.vinay-sharma.com/jquery-plugins/jquery.smartify)
Browser Support
---------------
Manually Tested Platforms on Linux and Mac OS X only ()
* Chrome (Linux/Mac OS X/Android 5.1+)
* Firefox 40+ (Linux/Mac OS X/Android 5.1+)
* Safari 5+ (Mac OS X)
* Opera 11+ (Linux/Mac OS X/Android 5.1+)
Issues
------
Discovered a bug? Please create an issue here on GitHub!
https://github.com/vinaykrsharma/jquery.smartify/issues
Versioning
----------
For transparency and insight into our release cycle, releases will be numbered
with the following format:
`..`
And constructed with the following guidelines:
* Breaking backwards compatibility bumps the major
* New additions without breaking backwards compatibility bumps the minor
* Bug fixes and misc changes bump the patch
For more information on semantic versioning, please visit http://semver.org/.