Dynamically change an image with product attributes

[davea0511]

I'm sorry, but I've tried to search for how to do this, and have come up with zilch. I'd like to dynamically change an image (using any tehcnology... flash, frames, etc ... I don't really care) in real time as my customers select different product attributes.

 

Is there a tutorial, or a contribution, or at least some suggestions on how this can be done? Basically I want my visitors to configure a kiosk online (webstore:plug-n-play kiosks), and see it take shape as they do so. There are options such as keyboards, looping-movie kiosk-headers, headphones, audio spotlight, privacy panels, brochure holders, etc. that I'd like my customer to beable to add.

 

Of course, setting up the attributes is elementary, so all I really need to know is how can I make these attributes dynamically show up in the product image in real-time.

 

Much thanks in advance!

[squeekit]

perhaps the "onchange" method:

 

<select name="attirb" id="thingy" onchange="dynimg.src = otherpic.jpg">

 

where img has id of "dynimg"

 

the above is less than a 'stab' - merely a suggested method - you'll have to work out the proper code and syntax yourself.

 

another method might be the "onclick" (but i perfer the "onchange") - or even on'this' or on'that' - lot of options ;)

[davea0511]

perhaps the "onchange" method:

 

<select name="attirb" id="thingy" onchange="dynimg.src = otherpic.jpg">

 

where img has id of "dynimg"

 

the above is less than a 'stab' - merely a suggested method - you'll have to work out the proper code and syntax yourself.

 

another method might be the "onclick" (but i perfer the "onchange") - or even on'this' or on'that' - lot of options ;)

 

Thanks, I'll look into it.