954,600 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Image Swap Problems

I'm trying to make a website that has a block of about 56 colors off to the right of a main image of a dress. You click a color block and it changes the dress to the picture of the dress in the color clicked.

I cannot find any script anywhere that provides for this... is there an example of such a script that I can adapt for this use?

I'm a Javascript noob so any help would be appreciated.

Thanks!

PRSop2000
Newbie Poster
4 posts since Jul 2005
Reputation Points: 10
Solved Threads: 0
 

Look at some of the code provided in thread:

http://www.daniweb.com/techtalkforums/thread29187.html

That shows how to RANDOMLY or SEQUENTIALLY alter images, but you should be able to adapt the code.

tgreer
Made Her Cry
Team Colleague
2,118 posts since Dec 2004
Reputation Points: 227
Solved Threads: 37
 

I know very little about Javascript... so little that I can't see how I would adapt anything in there for what I need... I'll look some more though.

PRSop2000
Newbie Poster
4 posts since Jul 2005
Reputation Points: 10
Solved Threads: 0
 

I can be reached on AIM if anyone wishes to talk in real time

ScreenName == my name here.

PRSop2000
Newbie Poster
4 posts since Jul 2005
Reputation Points: 10
Solved Threads: 0
 

the page in question is at http://jamesmeister.com/1914/

the boxes should link to other images... like the red swatch should make the main image turn into 1914_clr.jpg

PRSop2000
Newbie Poster
4 posts since Jul 2005
Reputation Points: 10
Solved Threads: 0
 

If you have dreamweaver (and still haven't found an answer). Give the image you wish to change a instance name (such as dress). Then click on the coloured box and select windows>behaviour panel. In this click on the plus sign and click swap image. This will bring up a long list of images, choose the one that says "dress" (the instance name of the image you want to change). Then browse for the image you want to display there instead. Also make sure you have swap image restore selected in this dialog box.

Once you have done that when you rollover that colour the dress will change image.

Good Luck

roryt
Nearly a Posting Virtuoso
1,286 posts since Oct 2005
Reputation Points: 178
Solved Threads: 15
 

Roryt,

Thank you sooo much for this important piece of information. I had been searching the web for a while with no luck for this exact info. Dreamweaver's Help was also lacking. I often found tidbits of info but not enough to get the effect I wanted. I even found someone on the web who stated that it was not possible to do this in Dreamweaver.

Thanks to you I was able to get my photographer's website structured the way I had envisioned it.

Again, Grateful that you know your stuff and share it with others,
Vickie
www.mikephotography.com

If you have dreamweaver (and still haven't found an answer). Give the image you wish to change a instance name (such as dress). Then click on the coloured box and select windows>behaviour panel. In this click on the plus sign and click swap image. This will bring up a long list of images, choose the one that says "dress" (the instance name of the image you want to change). Then browse for the image you want to display there instead. Also make sure you have swap image restore selected in this dialog box.

Once you have done that when you rollover that colour the dress will change image.

Good Luck

vickies
Newbie Poster
1 post since Apr 2007
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You