Expando Image script help

kpall312 · #1 03-03-2009, 08:30 AM

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 · #2 03-03-2009, 09:29 AM

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

kpall312 · #3 03-03-2009, 02:13 PM

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 · #4 03-03-2009, 10:45 PM

LINK

Tom Finley · #5 03-03-2009, 11:03 PM

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 · #6 03-04-2009, 01:28 AM

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 · #7 03-04-2009, 02:46 AM

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 · #8 03-04-2009, 07:30 AM

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 · #9 03-04-2009, 07:14 PM

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 · #10 03-04-2009, 08:49 PM

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

Collectors-info · #11 03-05-2009, 07:35 AM

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

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)