Javascript 如何使旋转木马中的每个图像都可单击并指向不同的URL_Javascript_Jquery_Carousel

Javascript 如何使旋转木马中的每个图像都可单击并指向不同的URL

javascript jquery

Javascript 如何使旋转木马中的每个图像都可单击并指向不同的URL,javascript,jquery,carousel,Javascript,Jquery,Carousel,我需要使旋转木马中的每个图像都可以单击并指向单独的URL。有什么建议可以让我实现吗我的HTML- <ul id="flexiselDemo3"> <li><img src="images/1.jpg" height='100' width='150' /><a href="http://"></a></li> <li><img src="images/2.j

我需要使旋转木马中的每个图像都可以单击并指向单独的URL。有什么建议可以让我实现吗

我的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>

如何使每个图像都可以点击？我无法安装锚定标签。

使用锚定标签包装您的图像

<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>

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

用锚定标签包装您的图像

<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>

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

用锚定标签包装您的图像

<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>

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

用锚定标签包装您的图像

<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>

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

只需使用以下锚定标签包装您的图像

<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>

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

只需使用以下锚定标签包装您的图像

<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>

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

只需使用以下锚定标签包装您的图像

<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>

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

只需使用以下锚定标签包装您的图像

<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>

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

@anujin你在这里看不到什么，锚定链接是如何工作的对不起，但我相信它是按照我之前看到的内容编辑的。这很清楚，而且很有效。谢谢。@anujin，zafar只添加了

somedomain*.com

@anujin你在这里看不到什么，锚链接是如何工作的对不起，但我相信它是按照我之前看到的内容编辑的。这很清楚，而且很有效。谢谢。@anujin，zafar只添加了

somedomain*.com

somedomain*.com

@anujin你在这里看不到什么，锚链接是如何工作的对不起，但我相信它是按照我之前看到的内容编辑的。这很清楚，而且很有效。谢谢。@anujin，zafar只为初学者添加了

somedomain*.com

，您可能应该将

标记包装在

中，而不是嵌套在它里面。对于初学者，您可能应该将

标记包装在

中。对于初学者，您可能应该将
标记包装在
中未嵌套的部分。对于初学者，您可能应该将
标记包装在中未嵌套的部分。Rex棒极了。谢谢你，真是太棒了，雷克斯。谢谢你，真是太棒了，雷克斯。谢谢你，真是太棒了，雷克斯。谢谢你一束。