@MamaLuyba

Как сделать отображение нескольких скрытых div внутри одного div по нажатию на этот div, без прописывания отдельных id?

Добрый день.
Допустим на странице есть ряд изображений. Они могут быть как ячейками таблицы, так и просто раскиданы по странице - не знаю, меняет ли это что-то.
К каждому изображению есть описание + еще изображения того же предмета, но с другого ракурса.
Например, изображения животных: лев, слон, волк, тигр. Кроме картинок, пользователь не видит ничего.
Но по нажатию на картинку, эта картинка должна увеличиться в центре экрана и у нее должно появиться описание + стрелочки, чтобы смотреть другие фото этого же животного.
Т.е. это должна быть не отдельная страница, а все должно исполняться тут же.
Я, как нубо, сделал бы это так: присвоил каждому изображению id, присвоил бы id div'у с описанием и спрятал бы его. И сделал бы так для каждого животного.
Ну а потом по нажатию бы: document.getelementbyid("tiger_div").style.display = "block". И т.д.
Но может как-то можно прописать одну функцию, которая бы выполнялась для всех схожих элементов?
Сердце подсказывает, что надо смотреть в сторону "this", но мозг пока не въезжает в функционал.
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 1
SEVNTEC
@SEVNTEC
HTML-верстка
Можно повесить на img такой атрибут data-animal="leo". При клике на него, брать что лежит в data-animal, когда изображение увеличено по клику на него или стрелки отправлять ajax сервак и забирать с него следующие изображение с leo, заменив им текущие открытое.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 ₽
RUVOD Москва
от 150 000 до 200 000 ₽
eGamings Воронеж
от 80 000 до 110 000 ₽
08 апр. 2020, в 08:47
1000 руб./за проект
08 апр. 2020, в 08:33
25000 руб./за проект