Показать сообщение отдельно
  #1 (permalink)  
Старый 01.07.2009, 14:52
Новичок на форуме
Отправить личное сообщение для fed0R Посмотреть профиль Найти все сообщения от fed0R
 
Регистрация: 01.07.2009
Сообщений: 7

Проблема с "раскрывающимися" картинками.
Доброго времени суток всем!

Помогите, пожалуйста, решить такую проблему с "раскрывающимися" картинками:
в документе html есть несколько div'ов (с id="visible1" , id="visible2" , id="visible3" и т.д.), содержащих превьюшки картинок. В коде html сразу за каждым из них идёт по одному div'у (с id="hidden1" , id="hidden2" , id="hidden3" и т.д. и свойством style="display:none" для каждого, то есть первоначально они скрыты), содержащему большое изображение. Нужно добиться эффекта, чтобы при клике на div с превьюшкой открывался div с целым изображением.

Я попробовал такую штуку:

document.getElementById('visible1').onclick = function() {
document.getElementById('hidden1').style.display = 'block';
}

Вроде бы работает, но тогда нужно для каждого div'а прописывать свой кусок кода, что неправильно. А можно ли как-нибудь автоматизировать это, например, с помощью переменных?

Огромное спасибо всем ответившим!))
Ответить с цитированием