[SOLVED] Carousel hyperlinks?

I Need Help
1

Is it possible for individual slides using carousel to have hyperlinks?

In other words, if they see something that they like, can a user click on a link to another page?

3

It is possible by creating a Hyperlink in the caption area of the carousel. This can be hyperlinked text, or through the addition of a button in the caption area.

5

Firstly welcome to the community @jpsolyom :grin:

You could easily use a code block and create your own solution. For example the default bootstrap carousel info is available here…

6

am trying to have a carousel where each slide is linked to a different page.

My code for the base carousel is

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

This works perfect and shows all 4 slides one after another then back to beginning So I wanted to add the hyperlinks as follows

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

Now when I run the second code the first slide is perfect and when clicked goes to the page but as soon as it slides to the next slide no slide is shown and none are clickable and it doesn’t go back to the first slide 9Apps VidMate apk

1 Like
7

Hi @smithclarkson01,

looks like you are missing the closing tag

<a href="tshirts.html"> 
   <img src="img//tshirts/large/slide2.png" alt="">
</a>   <----- THiS HERE
1 Like
8

Thanks Mate, it worked.!! 9Apps VidMate

9

:laughing: 4 months later. Welcome back @smithclarkson01