どのようにHTMLで画像のスライドショーを作成するには？

私はここに私のコードは、なぜそれが働いていないどのようにHTMLで画像のスライドショーを作成するには？

<head> 
<script type="text/javascript"> 
    var image1 = new Image() 
    image1.src = "images/pentagg.jpg" 
    var image2 = new Image() 
    image2.src = "images/promo.jpg" 
</script> 
</head> 
<body> 
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> 
    <script type="text/javascript"> 
      function slideit() 
      { 
       var step=1; 
       document.images.slide.src = eval("image"+step+".src") 
       if(step<2) 
        step++ 
       else 
        step=1 
       setTimeout("slideit()",2500) 
      } 
      slideit() 
    </script> 
</body>

だ、私のウェブ上の画像のスライドショーを作るたいですか？私はあなたの中にjQueryのプラグインを使用することができ、ゼロからコードを書くの

出典

2012-12-13 greenthunder

のようになります。関数slideit（）を宣言しましたが、どこにも呼び出さないでください。 – Matthias

各行の末尾に ';'がありません –

@Matthias 'slideit（）'は宣言の直後に呼び出されます –

代わりに画像フォルダに私はしたい画像を入れている。このようなプラグインを中にも多くの設定オプションを提供することができます。ここで

は、私が最も気に入ったものです。グローバル変数として

http://www.zurb.com/playground/orbit-jquery-image-slider

出典

2012-12-13 13:21:56

jqueryを使用したいと思いますが、まだ学習していません – greenthunder

このプラグインを使用するにはjqueryを覚える必要はありません。それだけで十分です。 –

設定するvarのステップは、= 1、関数呼び出しの上
プットセミコロン

それを置くことによって、それはあなたが持っているこの

<head> 
<script type="text/javascript"> 
var image1 = new Image() 
image1.src = "images/pentagg.jpg" 
var image2 = new Image() 
image2.src = "images/promo.jpg" 
</script> 
</head> 
<body> 
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> 
<script type="text/javascript"> 
     var step=1; 
     function slideit() 
     { 
      document.images.slide.src = eval("image"+step+".src"); 
      if(step<2) 
       step++; 
      else 
       step=1; 
      setTimeout("slideit()",2500); 
     } 
     slideit(); 
</script> 
</body>

出典

2013-04-22 07:12:08 Jem

それでは、代わりにクリックスライダを結合について？ユーザーがそれをスクロールしてタイマーを待つ必要がないようにするには？ –

どのようにHTMLで画像のスライドショーを作成するには？

答えて

関連する問題