Share this
Twitter Button Facebook Button Weibo Button Tencent Button Qzone Button Google Buzz Button Reddit Button StumbleUpon Button Digg Button Orkut Button
    Uncategorized   Create an attractive image gallery: Expando Script

Create an attractive image gallery: Expando Script

    

I was surfing over Dynamicdrive.com when I encountered this script. This lets you show your pictures in a different way, as the name says it expands your pictures when cursor is moved over them.
Demo you can see below

How to apply the script?

Copy down below code in the Head portion of your page.


<script type="text/javascript" src="http://coolabhay.com/wp-content/uploads/2009/04/expando.js">

/* Expando Image Script ©2008 John Davenport Scheuer
 as first seen in http://www.dynamicdrive.com/forums/
 username: jscheuer1 - This Notice Must Remain for Legal Use
 */

</script>

Then use the below code to address the image or picture.

<p>
<img class="expando cat" border="0" src="put the image address here" width="200" height="88">
</p>

And it is done.

Other Popular Posts :

  1. How to apply Expando script in your WordPress Blog
  2. Create Image and content Gallary
  3. Redirecting script. How to redirect pages?
  4. Easily create Flash menus, buttons and banners: FlashVortex
  5. Create your own Cartoon Strip(Easy Way)
  6. 10 Image hosting and Sharing Sites
  7. Let us create a 3D box/cube in Gimp
  8. Edit PSD Image in Gimp-Free Picture Editing Software
  9. How to apply autoplay function to Youtube videos
  10. How to downlaod Youtube videos
  11. Create a text watermark in 30 sec with Photoshop
2 Comments - Leave a comment
  1. Roman says:

    Do you know how to control image expansion speed? Thank you!

  2. admin says:

    hmm…
    that’s an easy task (fingers crossed)
    I never tried it myself though.
    But you can give it a try
    edit the speed parameters in js of its script
    Its on 3rd line
    see
    http://coolabhay.com/wp-content/uploads/2009/04/expando.js

Leave a comment

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

You can add images to your comment by clicking here.

Enter your email address:

Archives