cant получить мое слайд-шоу для работы

Question

Я делаю простой слайд-шоу, который имеет кнопки назад и вперед. здесь код

<div align="center"> 
<img src="prev.png" alt="previous" align="absmiddle" width="30" height="30" onClick="prev();"><img src="image 1.png" id="img" alt="slideshow"><img src="next.png" alt="next" align="absmiddle" width="30" height="30" onClick="next();"> 
</div> 
<script> 
var slide = 1; 
var img = document.getElementById('img'); 
if (slide == 4) { 
    slide = 1; 
} 
function next() { 
    slide += 1; 
    img.removeAttribute("src"); 
    img.setAttribute("src, image " + slide + ".png"); 
} 
function prev() { 
    slide -= 1; 
    img.removeAttribute("src"); 
    img.setAttribute("src, image " + slide + ".png"); 
} 
</script> 

следующая и предыдущая кнопка работает нормально, но изображения (изображения 1.png, 2.png изображение и изображение 3.png) не придумывают, как изображения. help?

Answer 1

Как @ozil заявил, что вам нужно только обновить атрибут src. Но основная ошибка заключается в том, что вы пытаетесь изменить неиспользуемый атрибут. Прямо сейчас вы пытаетесь установить атрибут с именем src, imageN.png, где N - это текущий номер изображения, которого, конечно, не существует. Поскольку setAttribute() требует два аргумента, атрибут, который вы хотели бы изменить, и новое значение, вам придется изменить свой код:

img.setAttribute("src", "image" + slide + ".png"); 

примечания, что вы не должны использовать removeAttribute() до вызова setAttribute().

Answer 2

не нужно удалить
img.removeAttribute("src");
только обновит srcattribute