Для более крупного проекта в классе веб-дизайна мне нужно создать карусель, которая перемещается между изображениями каждые десять секунд.
Мы сделали пример в классе, который работал с изменением между 10 различными словами, но я не могу добавить картинки и заставить это работать.
Мне было просто интересно, может ли кто-нибудь помочь мне с этой частью задания, я не могу, кажется, gr asp.
Вот что у меня есть:
<head>
<title>JS Examples: Arrays</title>
<script>
function showImages(id) {
var images = ['img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7', 'img8', 'img9', 'img10'];
document.getElementById('image').innerHTML = images[id];
console.log('Position:' + id + ' image:' + images[id]);
if (id < images.length - 1) {
id = id + 1;
} else {
id = 0;
}
setTimeout(showImages, 10000, id);
}
</script>
</head>
<body onload="showImages(0)">
<article>
<p id="image">Showing Images</p>
</article>
</body>