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

\是escape char。你的解决方案在

之下

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幻灯片。另一个目录中的图像Src

4 个答案: