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


– 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.


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=""/>

Run it:

<script type="text/javascript">
  $(window).load(function() {

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

Project homepage:

See also

– other slider plugins