HTML onclick открыть картинку

195
14 февраля 2019, 03:20

Хочу при нажатие на кнопку, что бы открывал картинку и закрывал ее. Нашел такой код, на одном сайте. Сижу пробую через нее открыть картинку, не выходит. Код выглядит вполне приличным, вот и пробую. Может кто подскажет, как это можно было бы сделать ?

Еще вопрос, картинку лучше через URL ставить, или указывать путь из папки ?

<!DOCTYPE html> 
<html> 
 
<head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style> 
    #myDIV { 
      width: 100%; 
      padding: 50px 0; 
      text-align: center; 
      background-color: lightblue; 
      margin-top: 20px; 
    } 
  </style> 
</head> 
 
<body> 
 
  <p>Click the "Try it" button to toggle between hiding and showing the DIV element:</p> 
 
  <button onclick="myFunction()">Try it</button> 
 
  <div id="myDIV"> 
    This is my DIV element. 
  </div> 
 
  <p><b>Note:</b> The element will not take up any space when the display property set to "none".</p> 
 
  <script> 
    function myFunction() { 
      var x = document.getElementById("myDIV"); 
      if (x.style.display === "none") { 
        x.style.display = "block"; 
      } else { 
        x.style.display = "none"; 
      } 
    } 
  </script> 
 
</body> 
 
</html>

READ ALSO
Воспроизведение &lt;audio&gt; при клике на блок с одновременной остановкой текущего
javascript

Воспроизведение <audio> при клике на блок с одновременной остановкой текущего

Есть блоки с содержащихся в них файлами Необходимо, чтобы по клику на блоке с классом "play" воспроизведение других аудио прекращалось, а аудио,...

 216
метод для закрывания модуля при нажатии вне блока
javascript

метод для закрывания модуля при нажатии вне блока

Есть два модуля, у них есть общая функция clickaway, которая срабатывает по клику вне блока, при нажатии на кнопкуbtn_menu модуль submenu закрывается,...

 269
Слишком много JS файлов
javascript

Слишком много JS файлов

 173
canvas не работает в условии в функции
javascript

canvas не работает в условии в функции

 179