Javascript 幻灯片。另一个目录中的图像源

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>

现在，由于某种原因，当我按下 left/right 箭头时，我的 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";
}

Answer 2

您需要在 JavaScript

中转义字符串中的反斜杠作为源代码

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

Answer 3

请试试这个：

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

Answer 4

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

这解决了问题：

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

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

Javascript 幻灯片。另一个目录中的图像源

Javascript slideshow. Src of images in another directory

html

javascript

directory

src

slideshow