Javascript幻灯片。另一个目录中的图像 src答案

【问题标题】：Javascript slideshow. Src of images in another directoryJavascript幻灯片。另一个目录中的图像 src
【发布时间】：2017-05-21 07:27:23
【问题描述】：

我是 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 文件位于同一目录中，则代码可以正常工作。

有什么建议吗？谢谢。

【问题讨论】：

请分享一个 jsFiddle 网址

标签： javascript html directory slideshow src

【解决方案1】：

您为什么首先使用\ 而不是/？

这解决了问题：

imagine.src="Imagini/CEJ2016/img" + numar_imagine + ".jpg";

或者像其他答案所说的那样尝试添加额外的转义 \。

【讨论】：

一个现实的解决方案！

【解决方案2】：

请试试这个：

imagine.src="Imagini\\CEJ2016\\img" + numar_imagine + ".jpg";

【讨论】：

【解决方案3】：

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

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";
}

【讨论】：

啊，你也打败了我吧

【解决方案4】：

您需要在 JavaScript 中为源代码转义字符串中的反斜杠

imagine.src="Imagini\\CEJ2016\\img" + numar_imagine + ".jpg";

【讨论】：