Responsive Image Viewer / Carousel Plugin For jQuery - Tekitizy
| File Size: | 56.7 KB |
|---|---|
| Views Total: | 3192 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
Tekitizy Carousel is a jQuery image viewer plugin which allows to enlarge and display the images of your webpage in a responsive, auto-sliding carousel popup just like the gallery lightbox.
More features:
- Auto shows a 'zoom' icon inside the image.
- Thumbnails navigation.
- Customizable carousel controls.
How to use it:
1. Include the needed jQuery library and Font Awesome iconic font on the webpage.
<script src="/path/to/jquery-3.1.1.min.js"></script> <link rel="stylesheet" href="/path/to/font-awesome.min.css">
2. Download the include the jQuery Tekitizy Carousel plugin's files on the webpage.
<script src="tekitizy.js"></script> <link rel="stylesheet" href="tekitizy.css">
3. Active the plugin and specify the images you'd like to showcase in the carousel.
Tekitizy.setup(jQuery, 'img', {
// options here
})
4. Available configuration options with default values.
Tekitizy.setup(jQuery, 'img', {
// shows prev / next buttons
prevNext: 'true',
// shows play / pause buttons
play: 'true',
// enables auto play
autoPlay: 'true',
// duration for autoplay
imageDuration: 2,
// true: slide effect
// false: fade effect
effect: 'true',
// shows navigation thumbs
thumbnails: 'true'
})
This awesome jQuery plugin is developed by David Maarek && Math. For more Advanced Usages, please check the demo page or visit the official website.











