title: Bootstrap modal with image gallery swap
body: <p>I'm creating an image gallery where you can click on thumbnails, and then the thumbnail image swaps with the big image in the gallery.</p>
  
  <p>This all works out, after that you can click onto the big image and then the Bootstrap modal window will appear.</p>
  
  <p>This also works out, but somehow the previous / next buttons aren't working. Meaning it should show the previous or next big image.</p>
  
  <p>A demo can be found here: <a href="http://hosted.dehaanmedia.nl/resources/imagegallery/" rel="nofollow">http://hosted.dehaanmedia.nl/resources/imagegallery/</a></p>
  
  <p>The javascript can be found at <a href="http://jsfiddle.net/o6jz3yoq/" rel="nofollow">fiddle</a></p>
  
  <p>I think the problem is within line 23 <code>var index = jQuery(this).parent('.bigimage img').index();</code></p>