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

Add comment

Piotr Glejzer staff answered 6 years ago

0 0 Best answer

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

Add comment

Ungr pro answered 6 years ago

0 0 Best answer

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.

Add comment

Write

Create snippet

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

Ungr

Pro User

198Support score
17Questions 11Answers

5Snippets likes 5Snippets