落書きノート

ふと自分が気になった事を書いてます

JavaScript スライドショーの作成

JavaScriptのような言語だとスライドショーが簡単に作成出来ます。

<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8">
  <title>例題3-6</title>
</head>
<body>
  <img src="./neko.png" name="image"><br>
  <input type="button" value="スタート" onclick="start();">
  <script>
  var i = 1;

  function start(){
    setInterval("slide_show()", 3000);
  }

  function slide_show(){
    document.image.src = "s-" + i + ".jpg";
    i++;
    if(i == 12) i = 1;
  }
  </script>
</body>
</html>

document.writelnとdocument.closeを使っても出来ます。この場合だとその方がスムーズかなぁ?見た目的に。

20160217015614

JavaScript入門 対話型・動的ホームページ作成例題集
(2015-03-07)
売り上げランキング: 145,630