Modal content loading

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Modal content loading

pawled asked 3 years ago

How to load images in modal only after opening? Currently they are all preloaded.

Dawid Wajszczuk staff answered 3 years ago

Hi,

Try using show.mdb.modal or shown.mdb.modal events. Simply add source for your image when the event gets fired. Here is the snippet showing how to do it with shown.mdb.modal event, so as you can see that image is loaded after the modal has been opened: https://mdbootstrap.com/snippets/standard/d-wajszczuk/3263018#html-tab-view. show.mdb.modal event is triggered earlier. More information can be found here https://mdbootstrap.com/docs/standard/components/modal/ under the API tab.

Keep coding,
Dawid

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

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: No
Tags
modals mdbmodal
Related topics
1
Modal is causing flicker of content in the Accordion
1
Modal Not Displaying
0
Modal not working
0
Modal "show.mdb.modal" event firing twice
0
Modal windows at the same time
About author
pawled
298Support score
39Questions 11Answers
0Snippets likes 9Snippets