Topic: LightBox - add to manual figcaption
Hello.
I can not find in http://mdbootstrap.com/javascript/lightbox/ how to add Caption to Large image.
Maybe it will be helpful for Other.
<figure>
<a href="http://placehold.it/800x600/ff4444/ffffff/?text=Slide+1" data-size="800x600">
<img src="http://placehold.it/170x170/ff4444/ffffff/?text=Slide+1" class="img-fluid" alt="Slide 1">
</a>
<figcaption itemprop="caption description">Slide 1</figcaption>
</figure>
Add comment
Hi Volodymyr Yatsynych,
try use this code:
HTML:
<figure class="col-md-4">
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(51).jpg" data-size="1600x1067">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(51).jpg" class="img-fluid" />
</a>
<p class="caption">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa saepe quod doloribus officia natus et nisi iusto porro fugit minima, molestiae ex modi numquam! Neque doloribus incidunt eveniet, a qui!
</p>
</figure>.caption {
display: none;
}FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
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