Welcome to AjaxDaddy.com
A large collection of nifty web 2.0 demos
Home
Demos
Send me a message
Ajax Books
Next
Prev
Dhoni Show
Read more and download "Dhoni Show"
Ever wanted an easy inline gallery on your website ? Then DhoniShow is for you. Just throw some images into your html source and let Javascript do the rest.
Visit PhpDaddy.com
Play with this script by changing the html bellow. Submit your changes by clicking on this bar. Refresh the page to reset changes.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <base href="http://www.ajaxdaddy.com/web20/prototype/dhonishow/"> <style type="text/css"> body {color: white;background: #52616F;} a { color: white; } </style> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>DhoniShow</title> <link rel="stylesheet" type="text/css" media="screen" href="style/dhonishow_screen.css" /> <link rel="stylesheet" type="text/css" media="screen" href="style/dhonishow.css" /> <!--[if IE 6]> <link rel="stylesheet" type="text/css" media="screen" href="files/dhonishow/textpattern/css.php?n=dhonishow_screen_ie" /> <![endif]--> <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/effects.js"></script> </head> <body> <div id="dhonis"> <div class="dhonishow effect_blind duration_2 autoplay_5"> <img src="files/images/3.jpg" width="203" height="384" alt="" /> <img src="files/images/4.jpg" width="203" height="384" alt="" /> <img src="files/images/7.jpg" width="203" height="384" alt="" /> </div> <div class="dhonishow middle effect_appear duration_2 autoplay_5"> <img src="files/images/2.jpg" width="203" height="384" alt="" /> <img src="files/images/5.jpg" width="203" height="384" alt="" /> <img src="files/images/8.jpg" width="203" height="384" alt="" /> </div> <div class="dhonishow effect_horizontal duration_2 autoplay_5"> <img src="files/images/1.jpg" width="203" height="384" alt="" /> <img src="files/images/6.jpg" width="203" height="384" alt="" /> <img src="files/images/9.jpg" width="203" height="384" alt="" /> </div> </div> <br style="clear: both;" /> <script type="text/javascript" src="javascript/dhonishow.js"></script> </body> </html>
Play with this script by changing the html above. Submit your changes by clicking on this bar. Refresh the page to reset changes.
Comment on this example
Name
Url
Comment
Captcha
1
Ellery
2007-06-18 17:13:56
Excellent, just what I want!!! Thanks!
