Documentation

Install

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:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.dhonishow.js" type="text/javascript"></script>

Use

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.

Customize

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!

After generating a preview dhonishow gallery, you will receive one snippet with class names and another one with a javascript object. With the class names you can easily modifiy the behaviour of single galleries by adding the classes to the div wrapper. However, if you want to overwrite the default settings for all galleries on your site, you might want to add the generated javascript object to the dhonishow plugin file.

Bug tracking

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.