Log in

View Full Version : need expando script help


vijay1
06-17-2009, 02:42 PM
1) Script Title: need expando script help

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex4/expandoimage.htm

3) Describe problem: Frankly speaking, I know a little bit about software. I do like expando script. I put the first script in the header of the page where the thumbnails are. Now there are two other scripts - where to put them, that's a big confusion for me! Pl. help in a lay man language. Also, if I have to write down image name , sizes , etc. in the scripts, pl. let me know, where to do that.
Thank you very much.
evan5
06-17-2009, 09:25 PM
Aight bro, this what you do.
Put the code bellow into your <head> Anywhere will work

<style type="text/css">

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

</style>

Once the above code is in the <head> section; paste bottom code in your <bodY> whereever you want it to appear:


<p>
<img class="expando" border="0" src="amster2.jpg" width="100" height="75">
<img class="expando vacation" border="0" src="amster3.jpg" width="100" height="66">
<img class="expando" border="0" src="amster4.jpg" width="100" height="75">
</p>

keep everything but what is inside the (src=" "). Placing the location of your pictures and file name (jpg or wutever) inside the quote area. The width and height attributes are how big you want them to show on your webpage. When you hover mouse over them, they will expand into the real size of the pic( or the size on your computer(which you can always change through pic editing sofware).
vijay1
06-18-2009, 12:25 AM
sorry, I did - nothing happened! May be, it says about "expando.js". Do i need to save that file? where do i have to save it?
evan5
06-18-2009, 01:10 AM
lol yea you need to save that to the same place all your other files are at. The same location where your website file is located.