Topic: Ligthbox created with javascript
Expected behavior When I click a button, an image with lightbox has to be appended to a div and ligthbox works
Actual behavior When I click a button, an image with lightbox has to be appended to a div but ligthbox doesnt work
Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/standard/robin_reichenbach/5801831
I want to have multiple buttons, when I click in each button a different image must be displayed in a div, each image must be in a lightbox
Grzegorz Bujański staff commented 12 months ago
If you add a component dynamically, you must init it. Check out this snippet: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/5819080
1robin pro premium priority commented 12 months ago
The URL is wrong... I get 404 error
Grzegorz Bujański staff commented 12 months ago
Sorry about that. Check now.
Can you describe what you want to achieve?
This is not the way to initiate Lightbox. You either have it present on the page from the beginning or append it later and initialize it with JS.
Also, you cannot append new images to the existing lightbox. If you want to add a new image you need to dispose of lightbox instance, add a new image and initiate a new Lightbox instance using JS.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.0.0
- Device: laptop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes