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