Displaying a pop up image (or other info) when a drop down choice is selected.
You put the additional information into the "HTML for Name" field of each choice
within round brackets ( ).

e.g.  Left Handed (leftimage.jpg) Operation
      Right Handed (rightimage.jpg) Operation

The information within the brackets will be hidden from display and stored in an array.
The stored item will be available in the JavaScript routine showimage whenever a choice is selected.
Note:-  You should not use the single quote ' character in any of your choices "HTML for Name" fields.


Put the following code into Act_primary.html (just above the </HEAD> tag).



<script language=JavaScript>
<!--  
function setchoice(choicename){
 var thisimage = '';
 var result = choicename.match(/(.*)\((.*)\)(.*)/);  // see if HTML for Name contains (.....)
 if ( result != null )
   {
   document.write(result[1] + result[3]);	// hide the embedded image
   thisimage = result[2];      			// the text within ( )
   }
 else
   {
   document.write(choicename);  		// the unaltered choice text
   }
 eval(current + '[' + base++ + '] = \'' + thisimage + '\'');  // save the image name
}

function showimage(value){
 if ( value != '' )
   {
   alert(value);			// your own code here
   }
}
// -->
</script>




You should change the code in showimage to do whatever you need.

Replace Act_VariantListHeader with the following code:-



<!-- VariantListHeader HTML begin -->
<!-- This template is used for a product variant list box header. -->

<script language=JavaScript>
<!--
 var imgNETQUOTEVAR:ATTRIBUTEREF = new Array();
 var current = 'imgNETQUOTEVAR:ATTRIBUTEREF';
 var base = 1;
// -->
</script>

<SELECT NAME="NETQUOTEVAR:ATTRIBUTEREF" onchange="showimage(imgNETQUOTEVAR:ATTRIBUTEREF[this.value])">

<!-- This template is used for a product variant list box header. -->
<!-- VariantListHeader HTML end -->




Replace Act_VariantListChoice.html with the following code:-



<!-- VariantListChoice HTML begin -->
<!-- This template is used for a product variant list box choice. -->

<OPTION VALUE=NETQUOTEVAR:CHOICESELVALUE NETQUOTEVAR:ITEMSELECTED>
<noscript>NETQUOTEVAR:CHOICENAME</noscript>
<script language=JavaScript>
<!--
 setchoice('NETQUOTEVAR:CHOICENAME');
// -->
</script>

<!-- This template is used for a product variant list box choice. -->
<!-- VariantListChoice HTML end -->


Update and that's that.