Я хотел бы сделать слайд-шоу из нескольких изображений на веб-сайте, но столкнулся с проблемой при попытке скопировать скрипт или создать новую функцию под другим именем для освещения следующего изображения на странице. Тогда вы не сможете увидеть либо обе фотографии на странице, либо увидите только одну. Я новичок в JS, просто хочу сделать под собой несколько картинок, чтобы каждое изображение менялось на другое каждые 2 секунды, мне это нужно для веб-сайта.
Вот исходный код:
https://jsfiddle.net/bradtraversy/74owmd01/
Моя проблема JS:
var i = 0; // Start Point
var images = []; // Images Array
var time = 3000; // Time Between Switch
// Image List
images[0] = "http://lorempixel.com/400/200/animals";
images[1] = "http://lorempixel.com/400/200/sports";
images[2] = "http://lorempixel.com/400/200/food";
images[3] = "http://lorempixel.com/400/200/people";
// Change Image
function changeImg(){
document.slide_1.src = images;
// Check If Index Is Under Max
if(i < images.length - 1){
// Add 1 to Index
i++;
} else {
// Reset Back To O
i = 0;
}
function changeImg_2(){
document.slide_2.src = images;
// Check If Index Is Under Max
if(i < images.length - 1){
// Add 1 to Index
i++;
} else {
// Reset Back To O
i = 0;
}
// Run function every x seconds
setTimeout("changeImg()", time);
setTimeout("changeImg_2()", time);
}
// Run function when page loads
window.onload=changeImg;
HTML:
Подробнее здесь: https://stackoverflow.com/questions/479 ... javascript
