Swiper Thumbnail Control w/ Hash Nav
<p>I'm using iDangerous Swiper with hash-nav enabled so I link directly to individual slides/photos.</p>

<p>I have a second div containing all photos in the swiper reduced to thumbnail size. Like a lightbox. </p>

<p>Here's where I'm at currently… <a href="http://bafic.getforge.io" rel="nofollow">http://bafic.getforge.io</a> </p>

<p>I've attempted to control the swiper by wrapping the thumbnails in </p>

<pre><code>&lt;a href="#31400016.jpg"&gt;&lt;/a&gt; 
</code></pre>

<p>for example. </p>

<p>The slides are wrapped like so…  </p>

<pre><code>&lt;div class="swiper-slide" data-hash="31400016.jpg"&gt;
&lt;img data-src="img/31400016.jpg"&gt;
&lt;/div&gt;
</code></pre>

<p>We want to use #xxxx.jpg for artistic reasons. The thumbnails are obviously not placed in another swiper so using the current examples out there simply won't work for me</p>

<p>Any help will be enormously appreciated in advance. 
Best
Gareth</p>