Help - Search - Members - Calendar
Full Version: How to make image modal dialog box that is hidden by default.
HTMLHelp Forums > Web Authoring > General Web Design
Tura
Hi!
I m thinking how to make image modal dialog box that is hidden by default, and when open it ( by clicking image) it looks like this: https://gyazo.com/046b88d1c863ff30f37bd404e4a425c8

How to code that? I need to use that animation and modal dialog box for 100 images in my websites.

with regards Tura:)
pandy
CSS + JS. Google javscript css show hide.

Basically you position the box you want to show up where you want it and make it invisible with display: none. Then JS makes the box display: block when the image is clicked and display: none again when the X in the corner is clicked.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2020 Invision Power Services, Inc.