mtmt1984のプロフィール

@mtmt1984 mtmt1984
ありがとう数2
質問数4
回答数1
ベストアンサー数
1
ベストアンサー率
100%
お礼率
28%

  • 登録日2007/12/02
  • ← →クリックで前後できるスライドショー

    現在、下記のJavaでスライドショーを使っているのですが、写真が前後出来ません。 スクリプトに改良を加えることによって、← →で前後移動できるようにする方法はありますか?また、写真ごとに、左下にキャプションを付けられるようになるとより良いのですが。 初心者で四苦八苦してる状態です。よろしくお願いします。 ちなみに、スライドショーはこんな感じです。 http://www.shinmiura.com/main/Shin_Miura___Portrait.html <Div Align="center"><a href="#" onclick="parapara();return false;"> <img src=http://www.shinmiura.com/image/poartrait/1_1.jpg name=name border=0> <script language=javascript> <!-- if(navigator.appVersion.charAt(0) >=4) { var paraImg= new Array(); paraImg[0] = new Image(); paraImg[0].src = "http://www.shinmiura.com/image/poartrait/1_1.jpg"; paraImg[1] = new Image(); paraImg[1].src = "http://www.shinmiura.com/image/poartrait/1_2.jpg"; paraImg[2] = new Image(); paraImg[2].src = "http://www.shinmiura.com/image/poartrait/1_3.jpg"; paraImg[3] = new Image(); paraImg[3].src = "http://www.shinmiura.com/image/poartrait/1_4.jpg"; paraImg[4] = new Image(); paraImg[4].src = "http://www.shinmiura.com/image/poartrait/2_1.jpg"; paraImg[5] = new Image(); paraImg[5].src = "http://www.shinmiura.com/image/poartrait/2_2.jpg"; paraImg[6] = new Image(); paraImg[6].src = "http://www.shinmiura.com/image/poartrait/2_3.jpg"; paraImg[7] = new Image(); paraImg[7].src = "http://www.shinmiura.com/image/poartrait/2_4.jpg"; paraImg[8] = new Image(); paraImg[8].src = "http://www.shinmiura.com/image/poartrait/2_5.jpg"; } var paraCount = 0; function parapara() { if(paraCount < paraImg.length-1) { paraCount++; } else { paraCount = 0; } document.images["name"].src = paraImg[paraCount].src; } //--> </script></Div>