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

DOM и работа с img
У меня вот такой вопрос. Я хотел написать код(тестовая задача) который основное изображение меняется при клике на уменьшенный вариант.Вроде просто,и в голове уже созрел план.Я хотел что бы при клике выбранной картинке менялись CSS свойства, которые соответствовали бы размеру и расположению основной картинки.И одна другую как бы заменяла. Вот кусок кода.
<script>
    var img = document.getElementsByClassName(".images")
    var selectImg;
    img.onclick = function(event){
      var target = event.target;
       //if(target != img)return;
       var selectImg = document.createElement("div");
       div.className = newImg;
       div.innerHTML = target;
    } 
  </script>
</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>

Я на форуме впервые, да и в JS пробую тоже недавно.Пару нелеь всего.
Ответить с цитированием