At first you have to embed the customizable dhonishow stylesheet into the head section of your page:
<link rel="stylesheet" href="dhonishow.css" type="text/css" media="screen" />
After this you must install jQuery and embed "jquery.dhonishow.js" wherever you want:
Here you will learn how to create your first DhoniShow gallery. To let DhoniShow do the magic, you have to assign where your images or text snippets are placed within your page. You do this by wrapping a 'div' container with a 'dhonishow' class around the elements you want to 'dhoni-show'. After finishing, the code should look similar to this:
<div class="dhonishow"> <img src="img/rocker.jpg" alt="Rocker" /> ... </div>
DhoniShow will now turn this HTML construct into a nice, clickable image gallery with transition effects and captions.
Dhonishow is build for flexible customization. Transitions, skins, fixed dimensions and many more possibilities are bundled in this gallery script. The backstage area gives you an overview and lets you have some fun!
You think something behaves wrong or you have suggestions for some improvements? Each module in this documentation section has its own bug tracker attached at the page bottom.
For core bugs you could use bug tracker at the bottom of the current page.