title: Change the product image when visitor makes an attribute selection in Ubercart
body: <p><strong>Current Setup</strong></p>
  
  <p>Each product on the store has multiple images. When the visitor visits a product page they see a main image and a series of thumbnails (view). When they click on a thumbnail that image is instantly displayed in the main image area.</p>
  
  <p>Each product also has an attribute selection dropdown for example "Colour". </p>
  
  <p><strong>Drupal / Ubercart Configuration</strong></p>
  
  <p>I'm using Drupal 6. There is a Product content-type that has a custom <em>image</em> field of type <em>file</em>. This  <em>image</em> field accepts multiple values (i.e. multiple images).</p>
  
  <p>I then use a view (views module) to display a series of thumbnails and javascript to change the main image when a thumbnail is clicked.</p>
  
  <p><strong>What I'm trying to achieve</strong></p>
  
  <p>What I would like in addition to the thumbnails is when the visitor selects a colour option from the colour attribute dropdown is for one of the available images be displayed (basically the one that matches the colour selection).</p>
  
  <p><strong>What I've looked at</strong></p>
  
  <p>I am aware of <a href="http://drupal.org/project/uc_option_image" rel="nofollow noreferrer">Ubercart Option Image</a> but this forces you to upload a new image for each attribute and is not per product. For example the attribute <em>colour</em> is used for multiple different products that all share the same colours.</p>
  
  <p>With option image module all products that share the same attribute would display the same image. So this is a no go.</p>
  
  <p>Also I don't wan't to upload a new image I want to be able to use one of the existing images from the product node.</p>