Carousel images that are linkable
I know this is such a beginners question… but
<header> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="1" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> <li data-target="#carouselExampleIndicators" data-slide-to="3"></li> </ol> <div class="carousel-inner" role="listbox"> <!-- Slide One - Set the background image for this slide in the line below --> <div class="carousel-item active" href="www.anyweb.com"; style="background-image: url(assets/template/img/slide/slide-1.jpg); "> <div class="carousel-caption d-none d-md-block"> </div> </div> <!-- Slide Two - Set the background image for this slide in the line below --> <div class="carousel-item" style="background-image: url(assets/template/img/slide/slide-5.jpg); "> <div class="carousel-caption d-none d-md-block"> </div> </div> <!-- Slide Three - Set the background image for this slide in the line below --> <div class="carousel-item" **href="www.youtube.com"**; style="background-image: url(assets/template/img/slide/slide-3.jpg); "> <div class="carousel-caption d-none d-md-block"> </div> </div> </div> I’m trying to make one of my sliders, once click redirect to another page on my site. FYI this is a template carousel I found online from a guide and tried to implement it.. The carousel works just fine, i just can’t figure out how to get it clickable and route to my other webpage.
Any help would be great!
Thank you
