•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 401,693 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,686 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 4006 | Replies: 6
![]() |
•
•
Join Date: Jul 2005
Posts: 4
Reputation:
Rep Power: 0
Solved Threads: 0
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!
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!
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.
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.
•
•
Join Date: Jul 2005
Posts: 4
Reputation:
Rep Power: 0
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
the boxes should link to other images... like the red swatch should make the main image turn into 1914_clr.jpg
•
•
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,142
Reputation:
Rep Power: 6
Solved Threads: 9
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
Once you have done that when you rollover that colour the dress will change image.
Good Luck
•
•
Join Date: Apr 2007
Location: Houston, TX
Posts: 1
Reputation:
Rep Power: 0
Solved Threads: 0
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
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
![]() |
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
- Image Swap help (HTML and CSS)
- Image swap behaviour from Dreamweaver no longer works once uploaded (Site Layout and Usability)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Which function to use for inserting string on a timer?
- Next Thread: How to insert a div using javascript?



Linear Mode