HOME  >>>  HTML整理ノート  >>> DHTML --  基本編  応用編

写真マーキーでスライドショー

マーキーを利用し、画像のスライド表示。次のボタンでスタート/ストップできます。

 

 

Sample Source......................................................................>>>

<script language="JavaScript"><!--
     //5枚の写真が全て読み込み完了済みの場合だけマーキーを開始できる
 flg = true;
 function MqStart(){
  for(i=0;i<5;i++){
    if(!document.images[i].complete)flg = false;
  }
  if(flg)mq.start();
 }
//--></script>
</head>

<body onload="mq.stop();">
<p><button onclick="MqStart()">Start</button>&nbsp;<button onclick="mq.stop();">Stop</button></p>
<marquee id="mq" style="border:1px solid green" direction="right" scrollamount="4" scrolldelay="50">
  <img src="../../images/ban/home_win.gif" width="350" height="80">
  <img src="../../images/ban/home_aut.gif" width="350" height="80">
  <img src="../../images/ban/home_sum.gif" width="350" height="80">
  <img src="../../images/ban/home_sp2.gif" width="350" height="80">
  <img src="../../images/ban/home_sp1.gif" width="350" height="80">
</marquee>


end(最終更新:12/11/7)