스크립트를 복사하거나 다른 이름으로 새 기능을 만들 때 문제가 발생하는 동안 웹 사이트에서 여러 이미지에 대해 슬라이드 쇼를 만들고 싶습니다. 페이지의 다음 이미지. 그러면 페이지에서 두 사진을 볼 수 없거나 하나만 볼 수 있습니다. 저는 JS에 익숙합니다. 모든 이미지가 매 2 초마다 변경되도록 사진을 찍고 싶습니다. 웹 사이트에 필요합니다. https://jsfiddle.net/bradtraversy/74owmd01/슬라이드 쇼가 포함 된 일련의 이미지 - javascript
내 문제 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[i];
// 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[i];
// 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 :
<img name="slide_1" width="400" height="200" />
<img name="slide_2" width="400" height="200" />
무엇이 문제입니까? 오류 메시지가 있습니까? –