<html>
<head>
<title></title>
<style type="text/css">
#photoContainer img
{
width:100px;
margin:5px;
object-fit:cover;
}
</style>
<script src="photos.js"></script>
<script>
window.onload = function ()
{
var photoContainer = document.getElementById("photoContainer");
for(var i=0; i < photos.lehgth; i++)
{
var img = document.createelement("img");
img.src = "images/"+photos[i];
photoContainer.appendChild(img);
}
}
</script>
</head>
<body>
<h1 align="center">Фотоальбом</h1>
<div align="center" id="photoContainer">
</div>
<div align="center">
<img id="photo" object-fit="cover">
</div>
</body>
</html>
Вот файл который подключаю
var photos = new Array("1w.jpg", "2w.jpg", "3w.jpg", "4w.jpg", "5w.jpg", "6w.jpg", "7w.jpg", "8w.jpg", "9w.jpg", "10w.jpg", "11w.jpg", "12w.jpg", "13w.jpg", "14w.jpg", "15w.jpg", "16w.jpg", "17w.jpg", "18w.jpg", "19w.jpg", "20w.jpg", "21w.jpg", "22w.jpg", "23w.jpg", "24w.jpg"
);
Картинки лежат в папке images.