Как увеличить картинку по клику?

Question

[Дмитрий Белоусов]

Суть в том что есть картинка уменьшаная, при нажатии на неё картинка увеливается и рядом появляется текст при этом фон немного затемняется и все это происходит на той же странице.

Answer 1

[Данил Разумков]

при клике добавляете класс к этой картинке, а в классе прописываете все что вам нужно для увеличенной версии картинки.

Comments

[Максим]

А затемнение фона делается при помощи скрытого изначально элемента, растянутого на всю ширину и высоту экрана, который по клику делается видимым? Можно ли считать этот способ правильным, или есть более предпочтительные?

[Данил Разумков]

В своих проектах я делаю именно так, как вы описали выше. Для себя на данный момент ничего более совершенного не нашел)

Answer 2

[Jeffrey]

https://jsfiddle.net/smsbggxa/1/

Comments

[Дмитрий Белоусов]

Та как добавить описание в блок другого цвета но при этом сбоку?

[Jeffrey]

Дмитрий Белоусов, задайте картинке и тексту display: inline-block, для смены цвета color: желаемый цвет.