title: Filmstrip Style Image Gallery
body: <p>I am trying to figure out how to create an image gallery like the one illustrated below so I can place it onto my website. I am wondering if anyone can point me in the right direction for a tutorial? I have found a lot of nice galleries that will display my images, but none of them displays the images like in the filmstrip style I am after.</p>
  
  <p>Requirements of gallery:</p>
  
  <ol>
  <li>When clicking on the arrows, the gallery strip will either shift
  left/right by one picture</li>
  <li>Hovering over the image will darken the image, and display some
  caption about the image</li>
  </ol>
  
  <p><img src="https://i.stack.imgur.com/9vpXb.jpg" alt="example of filmstrip style gallery"></p>