Expando Image script help

[kpall312]

I like to expand my images with expando. http://dynamicdrive.com/dynamicindex4/expandoimage.htm But I'm not getting the Insert the code in the HEAD section. Any explaining appreciated.





www.vawoodworks.com

[Collectors-info]

Re: Expando Image script help

Main menu>View>Page HTML>Between the head tag. Paste this part of the code here.

[kpall312]

Re: Expando Image script help

I did the first part:


Second part:

The above code references the external .js file "expando.js", which you need to download (right click, and select "Save As").
Where I need to save it? In BlueVoda?

Third part:
Where I need to make these changes?:
<p>
<img class="expando" border="0" src="amster2.jpg" width="100" height="75">

The highligted before.jpg is my first pic

[Collectors-info]

Re: Expando Image script help

LINK

[Tom Finley]

Re: Expando Image script help

Great answer, Chris! DD does a pretty bad job of explaining how to make things work. I'm sure there are others who would like to see this link made permanently available.

[kpall312]

Re: Expando Image script help

Sorry Chris for the stupidity,but I still have question besides your perfect explanation.

1st click on the file marked expando.js & cut and paste it into note pad. (or use the one bellow) Now save this as expando.js
After you have saved this, click on your file publisher in BV & add this file to your page. How?(BV,Publish button and publish) or drag&drop expando.js on the page and then publish.

Now place the code below in a html box on the front of your BV page How I can do the html box?(BV,insert,advanced,html)replacing the part in blue for your image & the parts in red for the size of the thumbnail you want. Repeat this last part for more images. If the images are all in the same directory, you can just use the last part. IE: cat.png

[Tom Finley]

Re: Expando Image script help

1. The expando.js is a file that the html code calls; upload it to the same folder where your page is on the server (e.g., public_html). Use the FTP Manager tool for that.

2. You're correct with the html box. Place it on the page where you want it to appear and size it appropriately. This will likely take some experimenting.

Keep in mind that expando may not work in Preview mode (but then again, it might); you may have to actually publish to see the results.

[Collectors-info]

Re: Expando Image script help

Hi, if you use the expando.js on your page Via your file publisher, it will work in preview. This saves having to publish everything & will enable testing in preview.
Size the html box the same as you set the dimensions of the thumbnail for ease of placement. But not essential as the size is determined in the code.

[kpall312]

Re: Expando Image script help

Ok,
I did some changes and 2 pic working fine,http://www.vawoodworks.com/portfolio.html I just need to resize the finish size. I don't know how I did it. It was 2:30am and I cant continue. I'm so mad! I have the pic here in my comp.:C:\Documents and Settings\K&S\My Documents\BlueVoda\Images\Fireplace.jpg

Is this correct below or not?
<p>
<img class="expando" border="0" src="C:\Documents and Settings\K&S\My Documents\BlueVoda\Images\Fireplace.jpg" width="130" height="98">
</p>

[kpall312]

Re: Expando Image script help

I fixed the problem finally! Thanks guys for the help...

[Collectors-info]

Re: Expando Image script help

C:\Documents and Settings\K&S\My Documents\BlueVoda\Images\Fireplace.jpg
should be either fireplace.jpg or http://yoursite.com/Fireplace.jpg