- ベストアンサー
画像とコメント表示方法について
- 画像とコメントの同時表示をする方法について知りたいです。
- 現在のソースコードを使って、画像をクリックするたびにコメントも変更する方法について教えてください。
- 画像とコメントを一体で表示する方法についての質問です。
- Po-chan
- お礼率45% (14/31)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript"> <!-- ImgNum = 0; // 画像番号用の変数を作成。 Imgs = new Array(); // 配列を定義。 Imgs[0] = "traphoto/200209_01.jpg"; // 配列に画像のアドレスを代入。 Imgs[1] = "traphoto/200209_02.jpg"; // 実行時、数字の順に表示されます。 Imgs[2] = "traphoto/200209_03.jpg"; Imgs[3] = "traphoto/200209_04.jpg"; Imgs[4] = "traphoto/200209_05.jpg"; Imgs[5] = "traphoto/200209_06.jpg"; Cmts = new Array(); // 配列を定義。 Cmts[0] = "コメント１"; // 画像のコメント Cmts[1] = "コメント２"; Cmts[2] = "コメント３"; Cmts[3] = "コメント４"; Cmts[4] = "コメント５"; Cmts[5] = "コメント６"; function NextChange(){ // 関数を定義。 img = new Image(); // Imageオブジェクトを作成 img.src = Imgs[++ImgNum % Imgs.length]; if(document.all){ PIC.innerHTML = "<IMG SRC=\"" + img.src + "\" WIDTH=\"" + img.width + "\" HEIGHT=\"" + img.height + "\">"; CMT.innerHTML = Cmts[ImgNum % Imgs.length]; } } // --> </SCRIPT> <BODY bgcolor="#800000"> <DIV ID="PIC" align="center"><IMG SRC="traphoto/200209_01.jpg" width="400" height="300"></DIV> <DIV ID="CMT" align="center">コメント１</DIV> <p align="center"> <font color="#FFFFFF" style="cursor : hand" face="HGS創英角ゴシックUB" onClick="NextChange();">Click Here!</font> </p> こういう事でしょうか。やりたい事と違ってましたらすみません。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
すみません！ 私のミスでした。うまくコメントも画像も替えることが出来ました！ 本当にありがとうございました。 もう一つ質問したいのですが。。。 コメントの文字のフォントを変更するにはどうすれば良いのでしょうか？ table{ font-family:"HGS創英角ゴシックUB"; font-color:"#FFFFFF";} のようなものをスクリプト内に記述したら良いのでしょうか？ よろしくお願い致します。
補足
ebis様 回答ありがとうございました。 早速やってみたのですが、うまくいきません。 やりたいコトは多分あってると思うのですが。。。 コメントはクリックで変わるようになったのですが、今度は画像が１枚目のまま固定となってしまいます。 両方替わるようにならないものでしょうか？？ よろしくお願い致します。