Показать сообщение отдельно
  #11 (permalink)  
Старый 04.06.2012, 16:36
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Опоздал, но пусть будет).
<style>
  #myImg {width: 0px; height: 0px}
  #myDiv img {width: 10%; height: 10%}
</style>

<div id="myDiv">
  <img src="http://javascript.ru/forum/image.php?u=17648&dateline=1338577823">
  <img src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235">
</div>
<img id="myImg" src="">

<script>
window.onload = function () {
  var myDiv = document.getElementById('myDiv');
  var myImg = document.getElementById('myImg');

  myDiv.onclick = function (e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    
    if (target.parentNode == myDiv) {
        myImg.style['width'] = '200px';
        myImg.style['height'] = '200px';
        myImg.src = target.src;
    }

  }

}
</script>

Последний раз редактировалось bes, 04.06.2012 в 16:41.
Ответить с цитированием