I have used this tutorial to achieve this. but when I change the option I'm having this error:
Uncaught TypeError: Cannot set property 'src' of null configurable.js:159
Product.Config.configureElement configurable.js:159
Product.Config.configure configurable.js:127
(anonymous function) prototype.js:391
_createResponder.responder prototype.js:5598
is there anyone can help me with this? Magento ver. 1.7.0.2
or could you advise me any other solution to make this happen? thank you very much.
Assuming that most of your product have images associated to them and your image have an id
<img id="image" .. />
Using chrome debugging tool or firebug for firefox try
console.log(assocIMG); // should return all products image url
console.log(assocIMG[productNo]); // should return image url
(around line $('image').src = assocIMG[productNo];)