Currently one of my option selects outputs this code:
Code:
<select id="po23758" name="product_options[23758]" onchange="javascript: check_options();">
<option value="102253">Designer's Pick</option>
<option value="102254">Sand</option>
<option value="102255">Amethyst</option>
<option value="102256">Smooth Grey</option>
<option value="102257">Teal</option>
<option value="102258">Red Enamel</option>
<option value="102259">Blue Enamel</option>
</select>
I want to change that, so it outputs this instead:
Code:
[img]/skin1/img/content/backgrounds/Default_Swatch.jpg[/img]</td>
<select onchange="if(document.images) document.images['ImageSample'].src='/skin1/img/content/backgrounds/'+this.options[this.selectedIndex].value+'.jpg';">
<option value="102253">Designer's Pick</option>
<option value="102254">Sand</option>
<option value="102255">Amethyst</option>
<option value="102256">Smooth Grey</option>
<option value="102257">Teal</option>
<option value="102258">Red Enamel</option>
<option value="102259">Blue Enamel</option>
</select>
Basically, whenever you modify your option, it will show a small preview of the image.
Is this easily possible?