Responsive Image Hover Carousel Plugin For jQuery - Brazzers Carousel

File Size: 7.12 KB
Views Total: 5876
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Responsive Image Hover Carousel Plugin For jQuery - Brazzers Carousel

Brazzers Carousel is a simple, ultra-light (~1kb) jQuery carousel plugin which allows you to display and navigate through a group of images by moving cursor around.

See also:

How to use it:

1. Put the jQuery Brazzers Carousel plugin's CSS file in the head section of the html page.

<link rel="stylesheet" href="jQuery.Brazzers-Carousel.min.css">

2. Put jQuery library and the jQuery Brazzers Carousel plugin's script at the bottom of the html page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jQuery.Brazzers-Carousel.min.js"></script>

3. Wrap the images you want to present into a DIV container.

<div class="item">
  <img src="1.jpg" alt="Alt 1">
  <img src="2.jpg" alt="Alt 2">
  <img src="3.jpg" alt="Alt 3">
  <img src="4.jpg" alt="Alt 4">
  <img src="5.jpg" alt="Alt 5">
</div>

4. Just call the function on the top element and we're done.

$(".item").brazzersCarousel();

Change log:

2016-10-15

  • now works with touchscreens

This awesome jQuery plugin is developed by agragregra. For more Advanced Usages, please check the demo page or visit the official website.