2017-01-06 6 views
0

私はJavaスクリプトで新しく、自分のページ用にスライドショーを作成しようとしています。Javascriptのスライドショー。別のディレクトリにある画像のSrc

<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スクリプト: はここに私のhtmlコードで今すぐ

<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ファイルと同じディレクトリにあると、コードが機能することに気付きました。

アドバイスはありますか?ありがとう。

+0

jsFiddleのURLを共有してください – Krunal

答えて

1

\はエスケープ文字です。あなたはなぜ

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

ああ、私もそれを打ち負かしてください – Loaf

0

を下回っています最初に/の代わりに\を使用していますか?

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

それとも言う他の回答のように余分なエスケープ\を追加してみてください:

この

は、問題を解決します。

0

であなたの源のためのあなたの文字列内のバックスラッシュをエスケープする必要が

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

: あなたのソリューションは、これを試してみてくださいあなたはあなたのJavaScript

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

+0

現実的な解決策! –

関連する問題