title: Building a product page with gallery using jQuery
body: <p>I'm helping a client build a product site, one of the pages displays the details of the products their selling. One of the requirements of the product detail page is to have multiple images of the product (which I'm fine with, going to implement a slider) however the product images will also be in different colours. Depending on the colour the user selects the relevant product images are shown. I'm having trouble with how implement the colour select option.</p>
  
  <p>I am using BX-Slider (<a href="http://bxslider.com/" rel="nofollow noreferrer">http://bxslider.com/</a>) on another page so would like to be able to reuse the same slider. Anyone give me any pointers?</p>
  
  <p>I've included the design of the product page here: </p>
  
  <p><img src="https://i.stack.imgur.com/I6AE0.png" alt="enter image description here"></p>
  
  <p>Would much appreciate any help!!</p>