- ベストアンサー
JAVAで画像のボタン切り替え表示と画像へのリンクの方法
- JAVAを使用して、画像をボタンで切り替え表示し、それぞれの画像に個別のURLへのリンクを設定する方法を教えてください。
- 以下の方法で実現できます。まず、配列内に画像のURLを格納し、ランダムに配列から画像を選択して表示する関数を作成します。次に、ボタンをクリックしたときにランダムな画像を表示するようにフィルタを適用します。さらに、画像にリンクを設定するために、画像の前に<a>タグを追加し、リンク先のURLを設定します。
- ただし、現在のソースコードでは全ての画像に同じURLが設定されてしまいます。各画像に個別のURLを設定するためには、配列内にURLも格納し、対応する画像とURLを一対一で保持する必要があります。
- chappyryuryu
- お礼率100% (3/3)
- JavaScript
- 回答数3
- ありがとう数15
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
もとプログラムががぜんぜんだめすすが、そのレベルで そのまま改造すると <script type="text/javascript"> <!-- var i_index=-1; var arrImgs=['絵１.jpg','絵２.jpg','絵３.jpg','絵４.jpg']; var arrUrls=['1.html','2.html','3.html','4.html']; var tmp; for (j=0; j<arrImgs.length ;j++){ tmp = new Image(); tmp.src = arrImgs[j]; arrImgs[j] = tmp; } function flt1(){ img1.style.filter=""; img1.style.filter="revealTrans(duration=1.500,transition=23)"; img1.filters[0].Apply(); var index=getGazou(); link1.href=arrUrls[index]; img1.src=arrImgs[index].src; img1.alt="絵"+(index+1); img1.filters[0].Play(); } function getGazou(){ var i= Math.floor(Math.random()*arrImgs.length); if ( i==i_index ) { if (i_index==arrImgs.length-1) { i=0; } else { i++; } } i_index=i; return i } //--> </script> </head> <body text="#000000"> <center> <a id="link1" href="/0.html"><img id="img1" src="絵０.jpg" alt="絵０"></a> </center> <form name="fm"> <table align="center" border=1 bgcolor="#FFFFCC"> <tr> <td colspan=2 align="right"> <input type="button" value="絵のランダム切り替え（フィルタ付）" onClick="flt1()"> </td> </tr> </table> </form> </body>
その他の回答 (2)
- yyr446
- ベストアンサー率65% (870/1330)
それから、これはとても大切な事ですが、 JAVASCRIPTじゃなくてJAVAです。 JAVAとJAVASCRIPTは全く別のものです。
お礼
ご丁寧にご指導・ご指摘をいただきまして有難う御座いました。
- fujillin
- ベストアンサー率61% (1594/2576)
ご提示のコードでは、img要素のsrc属性を変更することで画像の内容を変更しているのですが、同じようにリンク要素（ <a ）のhref属性を変更してあげれば、リンク先を変更できます。 でも、その前に… ご提示のコードはIE限定（他のブラウザだと動かない）けど、そういう限定環境での利用のみと考えてよいのですね？
お礼
ご説明いただき、有難う御座います。 IE限定というのは理解しておりましたが、他のブラウザでも動くようにするプログラムというのは、私には全然分かりませんので、これで納得させています。本当はできるといいですが・・・ 貴重なお時間をいただき、有難う御座いました。
お礼
試したところできました！有難う御座います。 素人なりに色々とさわっていましたが、全然見当違いのところを改変していました。 それから、このプログラムは良いとは言えないのですね。 貴重な時間を割いて回答いただき、有難う御座いました。質問して良かったです^^