Показать сообщение отдельно
  #4 (permalink)  
Старый 27.03.2013, 11:38
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Сделайте скрытый див, который будете показывать при увеличении картинка (например с id div) в него положите img с id, например img, далее при клике на картинку просто раскрывайте скрытый див. В каждой картинке можно положить ссылку на её большую копию. Это будет выглядеть примерно так:

var div = document.getElementById('div'), img = document.getElementById('img');

function showBigImage() {
  div.style.display = 'block'; // раскрываем блок (обычно пишу с jQuery могу путать)
  img.src = this.getAttribute('name'); // задали картинке путь к большой картинке
}


Верстка:
<div id='div' style='display: none'><img src='#'></div>
<img src='images/img1.jpg' name='images/img1_big.jpg' onclick='showBigImage'>
<img src='images/img2.jpg' name='images/img2_big.jpg' onclick='showBigImage'>


Ну и ещё можно по клику на document скрывать большую картику.

Последний раз редактировалось tsigel, 27.03.2013 в 11:43.
Ответить с цитированием