#javascript #html
#javascript #HTML
Вопрос:
У меня есть система случайных изображений, которая постоянно меняется при каждой загрузке страницы.
То, что я пытаюсь сделать, это получить его также в одно и то же время:
- что изображение меняется случайным образом каждые 15 секунд
и
- Что вы можете щелкнуть по каждому случайному изображению, к которому прикреплена веб-ссылка.
—
Мне нужно, чтобы он работал на стандартной HTML-странице, поэтому необходимо использовать javascript
var timerid = setInterval(changeImage(), 1000);
Не уверен, как установить это в коде:
random_img[2] = «;
Надеюсь, вы сможете помочь, поскольку я не могу с этим разобраться:-(
Спасибо
Тим
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Displaying a Random Image</title>
<style type="text/css">
p {
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: xx-large;
background-color: #E5E5E5;
width: 400px;
padding: 10px;
}
#kirupaLogo {
box-shadow: 5px 5px 25px -2px #333;
}
body {
background-color: #F0F0F0;
}
h4 {
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: medium;
color: #999999;
font-weight: normal;
}
</style>
</head>
<body>
<p>Displaying a Random Image</p>
<br />
amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;
<img id="randomImage" alt="The great wall of Merlin!" /> <br />
<br />
<script>
function getRandomImage() {
var images = ['http://www.tcdesignstamford.co.uk/random/4.jpg',
'http://www.tcdesignstamford.co.uk/random/1.jpg', 'http://www.tcdesignstamford.co.uk/random/2.jpg', 'http://www.tcdesignstamford.co.uk/random/3.jpg', 'http://www.tcdesignstamford.co.uk/random/4.jpg', '5http://www.tcdesignstamford.co.uk/randon/.jpg', 'http://www.tcdesignstamford.co.uk/random/6.jpg', 'http://www.tcdesignstamford.co.uk/random/7.jpg' ];
var image = images[Math.floor(Math.random()*images.length)];
return image;
}
function displayRandomImage() {
var htmlImage = document.getElementById("randomImage");
htmlImage.src = getRandomImage();
}
displayRandomImage();
</script>
</body>
</html>
Ответ №1:
// ImagesSrc = [<image_url>,...]
function changeImage(){
// ind is random Integer between 0-ImagesSrc.length
let ind = Math.floor(Math.random() * ImagesSrc.length);
document.getElementById('randomImage').src = ImagesSrc[ind];
}