Something sweet? Try Choco Slider – flexible jQuery slideshow plugin

Choco Slider is a flexible jQuery slideshow plugin, easy to use in your web project!

Sweet jQuery slideshow plugin

Choco Slider is a super simple and fast jQuery plugin for creating a customizable image slideshow which is compatible with all browsers.

Choco-Slider jQuery plugin
Choco-Slider jQuery plugin

Perks:

– Lightweight, customizable, flexible and easy-to-use

– Auto play & pause

– 3 transition effects: random, slide and fade

– “Dots” navigation

– Callback events supported

– Auto generates image captions using title attribute

– Cross-browser

License: MIT.

Usage

Add necessary resources:

<link rel="stylesheet" href="chocoslider.css" type="text/css" />
<script type="text/javascript" src="jquery.chocoslider.js"></script>
<script src="jquery.min.js" type="text/javascript"></script>

Add the container with images:

<div id="slider">
  <img src="img/img_1.jpg" alt="" title=""/>
  <img src="img/img_2.jpg" alt="" title=""/>
  <img src="img/img_3.jpg" alt="" title=""/>
  <img src="img/img_4.jpg" alt="" title=""/>
  <img src="img/img_5.jpg" alt="" title=""/>
</div>

Run it:

<script type="text/javascript">
  $(window).load(function() {
    $('#slider').chocoslider();
  });
</script>

There are various configuration options. More information in short documentation at project website.

Project homepage:

http://chocoslider.alandawi.com.ar/index_en.html

https://github.com/alandawi/Choco-Slider

See also

– other slider plugins

http://javascript-html5-tutorial.net/category/slider

Enjoy!

Share:Share on Facebook1Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1