在magento中的可配置产品上显示关联产品的图像

Question

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.

Answer 1

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];)