ввести несколько сотен изображений в div - PullRequest
Новая
       0

ввести несколько сотен изображений в div

0 голосов
/ 07 января 2019

Я хотел бы знать, как добавить несколько сотен изображений в div, но автоматически. У меня есть папка с изображениями, и я хочу знать, есть ли способ избежать копирования и вставки одного и того же кода.

Например: <img src="img/01.png">

идея состоит в том, чтобы вставить этот код в div и изменить имена изображений: 01.png, 02.png, 03.png ...

Спасибо за помощь.

1 Ответ

0 голосов
/ 07 января 2019

Вы можете сгенерировать html, используя javascript, если вы запустите эту html-страницу, она отобразит теги для первых 99 изображений. 

<!DOCTYPE html>
<html>
<head>
  <title>Hello</title>
</head>
<body>
  <p id="my_output"></p>
  <script>
    let escapeHTML = function (aValue) {
      return (
        aValue.replace(/>/g, '&gt;').
          replace(/</g, '&lt;').
          replace(/"/g, '&quot;')
      )
    }

    let myOutput = document.querySelector('#my_output')

    for (let i = 1; i < 100; ++i) {
      let paddedIndex = ('0' + i).slice(-2)
      myOutput.innerHTML += escapeHTML('<img src="img/' + paddedIndex + '.png">') + '<br>'
    }
  </script>
</body>
</html>

Затем вы можете скопировать вставить результат в ваш код.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...