jQuery Plugin For Image Slider with Mouse Interaction - serce.js

serce.js is a really simple jQuery image slider plugin that allows you to slide through images by moving cursor around.

See also:

• jQuery Plugin To Shuffle Through Images By Mouse Moving - Shuffle Images
• Simple jQuery Image Rotator On Mouse Hover - Images rotation

How to use it:

1. Load jQuery library and the jQuery serce.js script in the document.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="jquery.serce.min.js"></script>

2. Insert an initial images into your document and add your images for the slider using data-images attribute.

<div class="demo">
  <img src="1.jpg" 
       data-images="1.jpg, 2.jpg, 3.jpg" 
       alt="Image Alt"
  >
</div>

3. Call the plugin on the parent container and done..

$('.demo').serce();

Change logs:

2015-04-06

• Fixed async image load problems.

2015-03-29

• Fixed firefox event problems and optimized mousemove event handling.

---

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