Lightbox thumbnail mask with custom html


Topic: Lightbox thumbnail mask with custom html

Ungr pro asked 6 years ago

Hello guys. Ive recently created lightbox gallery with html that displays over thumbnails on hover. However when I open image in lightbox all the html is also included. This whole time I thought only text in <figcaption></figcaption> is displayed. Could you please provide me with a solution that would display only text/html inside <figcaption> tag? @see https://mdbootstrap.com/snippets/jquery/ungr/43872

Piotr Glejzer staff answered 6 years ago

Hi, I think it's kind of something like that.
$("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html", function () {
$('.pswp__caption__center').addClass('d-none');

});
Can you check this? Best, Piotr

Ungr pro answered 6 years ago

Seems like <div class="pswp_caption"> content is taken from next html element after <a>. Basically swapping custom <div> element with <figcaption> did the work. See first image in provided snippet for more info.

Piotr Glejzer staff commented 6 years ago

Yea I understand what you try to do but I think is hard to do for now because we have a file what is load from another place, we are gonna think more about that problem. Have a nice day. 


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: PC
  • Browser: Chrome 69
  • OS: Win 10
  • Provided sample code: No
  • Provided link: Yes
Tags