We just started using a new method for our color charts.
When you mouseover a thumbnail it displays it larger in the box above.

Example
BioShield Kinder Paint


It's Javascript and goes something like this

var color = new Image();

color.src = "filepath"

then the script defining which img is displayed when the page loads

and then the tables

<a onmouseover="doButtons('color)" href="#"><img src="filepath" ect.

This works great for 1 to 5 imgs but some of our products have 10, 20, 30 or more images. It becomes time consuming and a bit of a pain to keep track of where you are.
I am hoping there is a quicker way to do this. I know if I had the skills I could probably make a GUI that just had text boxes for the name, filepath and variable name but I can’t so I was wondering if there was anything simpler available to make this go a little quicker?

is the page built server side?

Originally Posted by chrishirst

is the page built server side?

What do you mean built server side?

using a script ASP, PHP etc

Originally Posted by chrishirst

using a script ASP, PHP etc

Yes the site/shopping cart is PHP.

might be a help is your site didn't have a MySQL error BTW

but building an array of the colours, then looping through the code and generating the onmouseover('script(arrary_ref_no)') would work

Originally Posted by chrishirst

might be a help is your site didn't have a MySQL error BTW

Where or what error.

Originally Posted by chrishirst

but building an array of the colours, then looping through the code and generating the onmouseover('script(arrary_ref_no)') would work

I am still pretty new to javascript and PHP, could you explain this a little more? It seems like this would be simalar to the way we are doing it now. Would it save time?

If the HTML was being generated from a loop in PHP, it would save time, because you wouldn't have to type each one out.