title: How to make each image in a carousel clickable and pointing to a different URL
body: <p>I need to make each image in carousel to be click able and point to separate urls. Any suggestions as how could I achieve it?</p>
  
  <p>My HTML -  </p>
  
  <pre><code>&lt;ul id="flexiselDemo3"&gt;
              &lt;li&gt;&lt;img src="images/1.jpg" height='100' width='150' /&gt;&lt;a href="http://"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/2.jpg" height='100' width='150' /&gt;&lt;a href="http://"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/3.jpg" height='100' width='150' /&gt;&lt;a href="http://"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/4.jpg" height='100' width='150' /&gt;&lt;a href="http://"&gt;&lt;/a&gt;&lt;/li&gt;                                                 
          &lt;/ul&gt; 
  </code></pre>
  
  <p>How to make each image click able? I am unable to fit anchor tag as such.</p>