//if browser does noe support getElementbyId then"> //if browser does noe support getElementbyId then"> //if browser does noe support getElementbyId then" />

Javascriptで簡単なスライドショー方法を作成しようとしています

私は、リンクがクリックされたときに、Webページ上で画像を前後にスライドさせるためにカットされた基本的なJavaScriptを作成しようとしていました。

Here is my JS code in the <head> section of the webpage:

<script type="text/javascript">

   //if browser does noe support getElementbyId then exit
   var step = 1;
   if ( !document.getElementById ) {
       return;
   }
   var src = 'images/gallery_images/image'+step+'.jpg';
   document.getElementById('photos').src = src;

   function slideForward()
   {
        //files are named as image1, image2....
        step++;
        var src = 'images/gallery_images/image'+step+'.jpg';
        document.getElementById('photos').src = src;
   }

   function slideBack()
   {
       step--;
       var src = 'images/gallery_images/image'+step'.jpg';
       document.getElementById('photos').src = src;
   }
</script>

次のようなタグで onclick を使用して後方に移動する2つの関数をバインドします。


    


    

私が紛失していることに関する提案はありますか?何も返されていません。

1
フォーカス: 'images/gallery_images/image' +ここにステップします.jpg ';
追加された 著者 UnLoCo,
最後の画像にいるときに、 slideForward が最初に移動し、最初のページに移動したときに、ギャラリーの範囲を囲むビットが欠落しています。 slideBack は最後に移動する必要があります。
追加された 著者 RobG,
ここにプラスの値がありません。 function slideBack(){step--; document.getElementById( 'photos')。src = 'images/gallery_images/image' +ステップ+ '。jpg'; }
追加された 著者 COLD TOLD,
例えば、現在表示されているイメージが "image3.jpg"の場合、slideBack()はイメージをスライドバックするためのもので、slideBack()は "image2.jpg"を表示するものではありません。
追加された 著者 eddywebs,

答えはありません

0
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript