This is a rather long winded one so I will try to keep it simple and short, I have used the code below in the shopping.js:
function changeImagea(itemId, colourOption, roytest)
{
document.images["image_" + itemId].src = "images/big/" + roytest + colourOption + "large.jpg";
}
I have then used the code:
changeImagea('{item_id}', '{option_value}');
in the OnClickEvent of the product options, the result I get is:
http://domain1776749.sites.fasthosts.com/images/big/undefinedRedlarge.jpg
Finally, what this comes down to is I need the product code in the image name like: 5039_redlarge.jpg, if you want to look at the link
http://domain1776749.sites.fasthosts.com/product_details.php?category_id=57&item_id=4 you will see this product has 14 colour options and using the images at the bottom is making it very messy, ideally I want to select radio option, this will show the large image in the chosen colour to keep it simple.
Before anyone asks the roytest is where I have tried everything within my capability to create a var to carry either the product or manufacture code across.
I hope this all makes sense and any positive assistance would be very greatly appreciated.
Thanks in advance.
Msquared
