Ребят, нужна небольшая помощь. На первый трех скринах показано, как

Question

Ребят, нужна небольшая помощь. На первый трех скринах показано, как

должна работать задуманная идея (наводим мышку на нужный элемент, он поднимается, а по нажатию вылезает popup окно, которое описывает подробнее тот или иной материал). На данный момент это работает так, что на какой бы из материалов я не нажал, все равно будет вылезать popup с одной и той же картинкой материала, дабы это прописано в html.

Мне нужно написать js, который бы брал, например, id нажатого лепестка (для каждого лепестка уже прописано onlick, что могло бы быть триггером для js), затем брал бы нужную <img>, в зависимости от того, какой лепесток был нажат, и вставлял бы эту <img> в класс popup, которй сейчас и показывает одну и туже картинку.

Поэтому, я спрашиваю не решение, я лишь прошу совета, что почитать на эту тему в js, дабы я понимаю, что нужно делать, но упираюсь в барьер знаний о возможностях js?

#javascript #programming #russian

0

08.08.2020

2 ответов

15 просмотров

Максим

Повесь на картинки дата-атрибуты с названием/id, при клике вызывай popup и передавай этот id/название, а в пути для картинки ставь название, которое из дата-атрибута (только файлы назови так же как в дата-атрибуте у тебя будет)

0

08.08.2020

Evhenii Bilyk · Accepted Answer

Evhenii Bilyk

Я бы создал класс попапа, и передавал в него src изображений из массива по id. В зависимости на какой лепесток нажмёшь

0

08.08.2020

169 похожих чатов

Ребят, нужна небольшая помощь. На первый трех скринах показано, как

2 ответов

Похожие вопросы