title: How can I make JSSOR Slider have clickable images without breaking slide functionality?
body: <p>I am using JSSOR slider for multiple images on a website.</p>
  
  <p>I have added a <code>&lt;a href="...</code> link to the images in the slides which opens up a fancybox window to show a larger version. </p>
  
  <p>The problem is that when you click and drag the mouse, it slides the image, but also fires up the fancybox control since there is a click event.</p>
  
  <p>Is there a way to stop this from happening?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;?php
      foreach($image as $img){
  ?&gt;
      &lt;div&gt;
          &lt;a u="image" class="fancybox" href="images/uploads/&lt;?php echo($img); ?&gt;"&gt;
              &lt;img u="image" style="width=auto;" src="images/uploads/&lt;?php echo($img); ?&gt;" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;?php                   
      }
  ?&gt;  
  </code></pre>