Question

我正在尝试使用旋转木马，其中每张幻灯片都链接到不同的页面。

基本轮播的代码是

 <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
        <a href="about.html"> 
        <img src="img//tshirts/large/slide1.png" alt="" >

    </div>
    <div class="item">
        <a href="tshirts.html"> 
        <img src="img//tshirts/large/slide2.png" alt="">
    </div>
    <div class="item">
        <a href="sublimation.html"> 
        <img src="img//tshirts/large/slide3.png" alt="">
    </div>
    <div class="item">
        <a href="sweatshirts.html"> 
        <img src="img//tshirts/large/slide4.png" alt="">
    </div>
</div>

这完美无缺，并且一个接一个地显示所有4张幻灯片然后又回到开头所以我想添加如下的超链接

 <!-- Wrapper for slides -->
   <div class="carousel-inner" role="listbox">
    <div class="item active">
        <a href="about.html"> 
        <img src="img//tshirts/large/slide1.png" alt="" >

    </div>
    <div class="item">
        <a href="tshirts.html"> 
        <img src="img//tshirts/large/slide2.png" alt="">
    </div>
    <div class="item">
        <a href="sublimation.html"> 
        <img src="img//tshirts/large/slide3.png" alt="">
    </div>
    <div class="item">
        <a href="sweatshirts.html"> 
        <img src="img//tshirts/large/slide4.png" alt="">
    </div>
    </div>

现在，当我运行第二个代码时，第一张幻灯片是完美的，当点击进入页面时，但只要它滑到下一张幻灯片，就不会显示任何幻灯片，也没有任何可点击的内容，它也不会返回到第一张幻灯片

Answer 1

Please close hyper link tag, Like

<div class="item active">
        <a href="about.html"> 
        <img src="img//tshirts/large/slide1.png" alt="" >
        </a>

    </div>

Bootstrap轮播超链接无法正常工作

1 个答案: