Bootstrap Карусель Гиперссылки не работают - PullRequest
Новая
       7

Bootstrap Карусель Гиперссылки не работают

0 голосов
/ 10 мая 2018

Я пытаюсь создать карусель, где каждый слайд связан с отдельной страницей.

Мой код для базовой карусели: 

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

Теперь, когда я запускаю второй код, первый слайд безупречен, и при щелчке он переходит на страницу, но как только он переходит на следующий слайд, слайд не отображается, и ни один из них не активируется, и он не возвращается к первому. слайд

1 Ответ

0 голосов
/ 10 мая 2018 
Please close hyper link tag, Like

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

    </div>
...