PDA

View Full Version : Swapping different images on one page


JonathanMax
12-13-2010, 04:51 PM
Hello everyone,

I have run into a problem while trying to polish up my DW techniques. Currently, I want to duplicate the effects of this page:

http://www.fastframe.com/visionart/fastframe_selector/index.html

notice how when you select any combination of Frame Styles, Wall Colors, or VisionArt, the effects stay in place until changed. Can anybody point me in the right direction as to how to achieve this? Thank you so much!

-Jonathan

Ricky55
12-13-2010, 06:25 PM
This has been done in Flash but could also be done with Javascript. I did something very similar to this a few months back and i also used Flash as I know Flash better than I do JS.

Have a look: http://www.turtletop.co.uk/furniture.php

If you know Flash at all I don't mind supplying the FLA file as long as you change the design up.

JonathanMax
12-13-2010, 06:34 PM
ohh okay. Thank you so much for the info. I'm not too familiar with flash, but as of right now, I simply left out the option of being able to select different VisionArt images. Thus to get around this problem, I turned each wall color into a link, and turned each frame style into a rollover image. I have a question about this setup though. Is there an easier way to do it if I were to leave the VisionArt completely out of it?

-Jonathan

JonathanMax
12-13-2010, 06:37 PM
and also.. is there a specific name as to what this effect is called? Maybe I can find some tutorials for it on JS.

Ricky55
12-13-2010, 06:48 PM
Well if you break it down its actually very simple, all you are doing is loading images and the wall colour is just changing the background colour.

You can easily change the background colour using jQuery and and load in the images. Have a look at some basic jQuery tuts.

JonathanMax
12-13-2010, 07:08 PM
Ohh I understand now. Thanks for pointing me in the right direction Ricky.

opet
12-17-2010, 12:17 PM
thanks for information