How to make image modal dialog box that is hidden by default. |
How to make image modal dialog box that is hidden by default. |
Tura |
Jan 1 2020, 10:53 AM
Post
#1
|
Group: Members Posts: 1 Joined: 1-January 20 Member No.: 27,105 |
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 |
Jan 1 2020, 07:33 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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. |
Lo-Fi Version | Time is now: 23rd April 2024 - 04:35 PM |