![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
FC2ブログでランダムに表示される画像の下にコメントを入れたいのですが方法がわかりません。
ブログ初心者です。下記で画像をランダムに表示させることはできました。
(http://q.hatena.ne.jp/1182622592を参考)
<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
img = new Array();
img[0] = "http://blog57.fc2.com/a/adobeurawaza/file/aboutl …
img[1] = "http://blog57.fc2.com/a/adobeurawaza/file/barlog …
img[2] = "http://blog57.fc2.com/a/adobeurawaza/file/column …
img[3] = "http://blog57.fc2.com/a/adobeurawaza/file/linklo …
img[4] = "http://blog57.fc2.com/a/adobeurawaza/file/tecniq …
n = Math.floor(Math.random()*img.length);
document.write("<img src='"+img[n]+"' alt='・'>");
//-->
</SCRIPT>
各画像の下にその画像についてのコメントを入れたいのですがどのようにしたらよいのか
わかりません。
どうぞよろしくお願いします。
No.1ベストアンサー
- 回答日時:
2次元配列にします。
<body>
<script type="text/javascript">
<!--
var img = [
["http://blog57.fc2.com/a/adobeurawaza/file/aboutl …画像1の説明文"],
["http://blog57.fc2.com/a/adobeurawaza/file/barlog …画像2の説明文"],
["http://blog57.fc2.com/a/adobeurawaza/file/column …画像3の説明文"],
["http://blog57.fc2.com/a/adobeurawaza/file/linklo …画像4の説明文"],
["http://blog57.fc2.com/a/adobeurawaza/file/tecniq …画像5の説明文"]
];
var n = Math.floor(Math.random()*img.length);
var str = "<p><img src='"+img[n][0]+"' alt='・'><\/p>";
str += "<p>" + img[n][1] + "<\/p>";
document.write( str );
//-->
</script>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- PHP 画像が表示出来ません。 1 2023/02/02 16:30
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- PHP 記述のおかしいところを教えて下さい。 1 2023/02/03 11:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アメブロのアメンバー限定みた...
-
集客に使うブログ
-
Amebaのブログを閉鎖しますが、...
-
完全にプライベートな日記とし...
-
パソコンで日記を書く良い方法...
-
自分のgooブログ内の記事を検索...
-
青唐辛子の一升漬けに白カビが...
-
友達だけに公開できるブログ
-
gooブログ内を検索する方法
-
アメブロで、ハートマークを出...
-
アメブロのフォローフィードっ...
-
2つ目のブログ開設のやり方
-
ブログ記事をすべてダウンロー...
-
livedoorblogをやってるものな...
-
先日海の岩場でオレンジ色の生...
-
アメブロを共有投稿
-
芸能人はなぜアメブロが多いん...
-
日記をつけたいのですが・・
-
ブログに写真を載せる方法は?
-
これって腐ってる?(かなり急...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アメブロのアメンバー限定みた...
-
ブログ記事をすべてダウンロー...
-
林あさ美さん今どうしてますか
-
完全にプライベートな日記とし...
-
アメブロのIDとIPアドレスがま...
-
パソコンで日記を書く良い方法...
-
風船を飲み込むマジック
-
gooブログ内を検索する方法
-
2つ目のブログ開設のやり方
-
Amebaのブログを閉鎖しますが、...
-
パンドラバッテリーとは何をす...
-
先日海の岩場でオレンジ色の生...
-
これって腐ってる?(かなり急...
-
友達だけに公開できるブログ
-
一つのIDで複数のブログ作成は...
-
二つ目のgooブログの開設について
-
アメブロで本文とは別に印刷用...
-
ブログで架空の人のフィクショ...
-
アメブロのフォローフィードっ...
-
過去に書いたブログが消えてる...
おすすめ情報