Image carousel as URL link

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Image carousel as URL link

Garzon pro asked 7 years ago

Hello,I tried to setup a Carousel Image inside a <a> HTML tag as a link to open a new window. However it seems there is something which does not allow to do that.What is the properly way to do this? <div class=\\\"carousel-item\\\"><div class=\\\"view\\\"><a href=\\\"anyurl\\\" target=\\\"_blank\\\"><img class=\\\"d-block w-100\\\" src=\\\"xxxx\\\" alt=\\\"xxx\\\"></a><div class=\\\"mask rgba-black-light\\\"></div></div><div class=\\\"carousel-caption\\\"><p class=\\\"label-slider text-center\\\">  xxx </p></div></div>Thanks

Michal Szymanski staff pro premium priority answered 7 years ago

Hi,
try this code:

                <!--First slide-->
                <div class="carousel-item">
                    <a href="https://mdbootstrap.com/" target="_blank">
                        <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="First slide">
                    </a>
                </div>

Garzon pro answered 7 years ago

Hello,

It didn't work, however this code snippet was inside of the class "view", so the solution was use the tag <a> outside of <div class="view">

Thanks a lot.

C

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Garzon
Pro User
15Support score
2Questions 2Answers
0Snippets likes 0Snippets