Responsive Image Viewer / Carousel Plugin For jQuery - Tekitizy

File Size: 56.7 KB
Views Total: 3101
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Responsive Image Viewer / Carousel Plugin For jQuery - Tekitizy

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.