title: Add link to image in the flexslider
body: <p>I'm using the <a href="http://flex.madebymufffin.com/" rel="nofollow">flexslider</a> plugin and i wanted to know if there is an easy way (apart from changing the core of the plugin which is what i am going to do if i don't find an easy answer)
  to go to link when i click on the current slide image. I set up the flexslider simply like this:</p>
  
  <pre><code>   $('#slide-top').flexslider({
             animation: 'slide'
             });
  </code></pre>
  
  <p>and in the view:</p>
  
  <pre><code>   &lt;div id="slide-top" class="flexslider"&gt;
            &lt;ul class="slides"&gt;
              &lt;?php foreach ($gallery_top_slide as $image_slide): ?&gt;
                      &lt;li&gt;&lt;img src="&lt;?=base_url();?&gt;assets/uploads/top_slide/&lt;?=$image_slide['photo_url']?&gt;" /&gt;&lt;/li&gt;
                      &lt;a href="&lt;?=$image_slide['link_url']?&gt;"&gt;Not need text on image&lt;/a&gt;
              &lt;?php endforeach; ?&gt;
            &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>How can i do this?</p>
  
  <p>For ex. if i click on current image go to www.google.com</p>
  
  <p>Thanks in advance !</p>