JavaScript 幻灯片。另一个目录中图像的Src

Question

我是 Java 脚本新手，我正在尝试为我的页面构建幻灯片。 这是我的 html 代码:

<div id="sildeshow">    
        <img src="Imagini\CEJ2016\img3.jpg" id="imag">
        <div id="stanga"><img onclick='slideSHOW(-1)' class="buton_stanga" src="Imagini\left.png"></div>
    <div id="dreapta"><img onclick='slideSHOW(1)' class="buton_dreapta" src="Imagini\right.png"></div>
</div>

和我的 Js 脚本:

<script type="text/javascript">
    var numar_imagine=1;
    var maxim=14;

    function slideSHOW(x){
        var imagine=document.getElementById('imag');
        numar_imagine +=x;
        if(numar_imagine>maxim){
            numar_imagine=1;
        }
        if(numar_imagine<0){
            numar_imagine=maxim;
        }
        imagine.src="Imagini\CEJ2016\img" + numar_imagine + ".jpg";
    }
</script>

现在，问题是，由于某种原因，当我按左/右箭头时，我的 img 源没有正确更改。

在尝试解决问题时，我注意到如果我的图像与 .html 文件位于同一目录中，则代码可以正常工作。

有什么建议吗？谢谢。

Answer 1

\是转义字符。 您的解决方案如下

function slideSHOW(x){
    var imagine=document.getElementById('imag');
    numar_imagine +=x;
    if(numar_imagine>maxim){
        numar_imagine=1;
    }
    if(numar_imagine<0){
        numar_imagine=maxim;
    }
   imagine.src="Imagini\\CEJ2016\\img" + numar_imagine + ".jpg";
}