Показать сообщение отдельно
  #2 (permalink)  
Старый 29.06.2017, 23:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

TurnerIT,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

</head>
<body>
  <div class="wrapper">
    <div class="mainImg">
      <img src="img/hot.jpg">
    </div>
    <div class="images">
      <img src="img/Beautiful.jpg" alt="">
      <img src="img/Curly.jpg" alt="">
      <img src="img/Libr.jpg" alt="">
      <img src="img/Redhead.jpg" alt="">
      <img src="img/Winter.jpg" alt="">

    </div>
</div>
<script>
    var img = document.getElementsByClassName("images");
    var selectImg;
    img[0].onclick = function(event){
      var target = event.target;
       if(target.tagName != "IMG") return; //что и зачем вы тут  творите, одному вам ведомо
       var selectImg = document.createElement("div");
       selectImg.className = "newImg";
       selectImg.appendChild(target.cloneNode());
    }
  </script>
</body>
</html>
Ответить с цитированием