如何使轮播中的每个图像均可点击并指向不同的URL

Question

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?

My HTML -

<ul id="flexiselDemo3">
            <li><img src="images/1.jpg" height='100' width='150' /><a href="http://"></a></li>
            <li><img src="images/2.jpg" height='100' width='150' /><a href="http://"></a></li>
            <li><img src="images/3.jpg" height='100' width='150' /><a href="http://"></a></li>
            <li><img src="images/4.jpg" height='100' width='150' /><a href="http://"></a></li>                                                 
        </ul> 

How to make each image click able? I am unable to fit anchor tag as such.

Answer 1

Wrap you image with anchor tag

<ul id="flexiselDemo3">
    <li>
        <a href="http://somedomain.com">
            <img src="images/1.jpg" height='100' width='150' />
        </a>
    </li>
    <li>
        <a href="http://somedomain1.com">
            <img src="images/2.jpg" height='100' width='150' />
        </a>
    </li>
    <li>
        <a href="http://somedomain2.com">
            <img src="images/3.jpg" height='100' width='150' />
        </a>
    </li>
    <li>
        <a href="http://somedomai3.com">
            <img src="images/4.jpg" height='100' width='150' />
        </a>
    </li>
</ul>

Answer 2

just wrap you image with the following anchor tag

 <li>
    <a href="http://your link">
        <img src="images/1.jpg" height='100' width='150' />
    </a>
</li>

Answer 3

<ul id="flexiselDemo3">
            <li><a href="http://"><img src="images/1.jpg" height='100' width='150' /></a></li>
            <li><a href="http://"><img src="images/2.jpg" height='100' width='150' /></a></li>
            <li><a href="http://"><img src="images/3.jpg" height='100' width='150' /></a></li>
            <li><a href="http://"><img src="images/4.jpg" height='100' width='150' /></a></li>                                                 
        </ul>