Board logo

any dreamweaver geniuses out there?
Hammerhead - 8/7/08 at 12:09 PM

I am trying to make a website and having problems with a section.
I want to be able to change the colour of parts of an image like the westfield colour changer.

http://www.westfield-world.com/colourchanger.html

Can anyone give me some pointers, or what I need to search for on google.

Cheers.
Steve.

tegwin - 8/7/08 at 12:16 PM

Hmm....

You could layer some Divs with different coloured images inside them and use Javascript to change the Z-index of the divs...thus showing you different colours....

I believe Morgan motors have a much more hightech solution..

Uses flash and javascript to allow you to select any colour under the sun...

vinny1275 - 8/7/08 at 12:16 PM

It looks like they've used layers on an image map to set up the changer.

The body is one layer which is below the others (z-index is 1, the others are all two).

When you change the colour of one item, it uses some javascript to replace one image in the layer with another.

So, I'd google for image map, div (layers) and javascript image swap....

HTH


vince

Hammerhead - 8/7/08 at 12:20 PM

quote:
Originally posted by vinny1275
It looks like they've used layers on an image map to set up the changer.

The body is one layer which is below the others (z-index is 1, the others are all two).

When you change the colour of one item, it uses some javascript to replace one image in the layer with another.

So, I'd google for image map, div (layers) and javascript image swap....

HTH


vince


I'll try and google all that thanks

Forgot to add that I'm quite new to making my own websites, and that I want to keep with html rather than flash at this stage.

tegwin - 8/7/08 at 12:30 PM

You wont just be able to do it with plain HTML.

You will need some javascript...

but if you google it I am sure I have seen some changeover scripts before