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

File Size: 228 KB
Views Total: 2471
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
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:

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.