DhoniShow – super easy way to insert JavaScript inline picture gallery for images on your website

DhoniShow - JavaScript inline image gallery for your web pages
DhoniShow is now in its version 0.7 is a JavaScript library that shows inline image gallery on your webpage. It’s been described that it’s super easy to integrate.

But you need to have Prototype 1.5 and Script.aculo.us. And get the “dhonishow.js” and also the CSS “dhonishow.css” embedded in your header of your web page as follows:

<html>
<head>
<title>My first dhonishow test</title>
    <script src=”prototype.js” type=”text/javascript”></script>
    <script src=”scriptaculous.js” type=”text/javascript”></script>
    <script src=”dhonishow.js” type=”text/javascript”></script>
<link rel=”stylesheet” href=”dhonishow.css” type=”text/css” media=”screen” />
</head>

And afterwards, you’ll then need to put a <DIV> to wrap those images on your web page that you’ll need them to be included in the gallery as follows:

<div class=”dhonishow”>
<img src=”img/cute_cat.jpg” alt=”My cute cat.” />
<img src=”img/cute_dog.jpg” alt=”My cute dog.” />
<img src=”img/cute_hamster.jpg” alt=”My cute hamster.” />
</div>

You can also play around with various advanced features such as adjusting the transition style, the duration, or auto play or hiding certain things. Such as auto play, just change the class of the div “dhonishow” to “dhonishow autoplay_5″ , which the 5 is the number of seconds

<div class=”dhonishow autoplay_5″>
<!– For 5 seconds –>

Get it here

Enter your email address to subscribe our newsletter or feed for FREE:

Delivered by FeedBurner


Bookmark with:

[Delicious]    [Digg]    [Reddit]    [Facebook]    [StumbleUpon]

0 Responses to “DhoniShow – super easy way to insert JavaScript inline picture gallery for images on your website”


  1. No Comments

Leave a Reply

You must login to post a comment.