Hi guys i making more than 3 or 4 modals,

Question

Hi guys i making more than 3 or 4 modals,

with HTML CSS , when clicking on picture the modal will open(picture is link)
but here i have to define #id in href of my a tag,
but there is many picture that has modal! and here i have to define many href id in my css for every pictures
what is your opinion for fix this problem?

0

27.11.2021

8 ответов

34 просмотра

Plato Автор вопроса

0

27.11.2021

Plato Автор вопроса

Pedro Aguiar
Can tou give us an example? I'm afraid the explana...

all of these images are link <a> <img></a> so when i clicking to them should modal open, and the <a> tag have id for modal like this code section <a href = "#popup"><img src = "images/amirreza.jpg" class = "card" alt="amirreza pic"/></a> <div id = "popup"> and the problem is " id and href here are unic for each picture " so i have to define more id and different id in CSS for any modal picture, but i dont want do this, is there any idea for fix this?

0

27.11.2021

Plato Автор вопроса

Plato

all of these images are link <a> <img></a> so wh...

i think there is no solution for this, i have to make more #id 🤦‍♂️

0

27.11.2021

Perlik Yubenji

Plato
i think there is no solution for this, i have to m...

find how the modal/popup is launched and replicate the same with JS i.e. on click on any of your a tags, execute the popup open logic. but your solution still is fine since you opted to spend your time duplicating HTML (as it can be done using <template> and a little of JS)

0

27.11.2021

Plato Автор вопроса

Perlik Yubenji
find how the modal/popup is launched and replicate...

so the solution is JS... and what is <template> i searching for this and i can't find have you any article about this?

0

28.11.2021

ＭＵＴＨＵ・ＫＵＭＡＲ「メーカー」 🔺

Plato
so the solution is JS... and what is <template> i ...

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template

0

28.11.2021