画像+リンク+文字のランダム表示について
復数ある画像、リンク、文字のなかからランダムで数個(かぶらないように)表示させたいのです。
それもテーブルタグの中に。
(画像Aには必ずリンクAと文字Aがせっとになるようにです)
初心者なのでどのようにしたら良いのか、またこんな事ができるのかどうかもわかりませんが・・・
おわかりになる方、詳しく教えてください。
一応HTMLでHPをつくっているので、このように書いたら良いよ・・・という見本のようなモノを作って頂けると幸いです。
宜しくお願いします
↓の画像のように3パターンの表示を考えています。
解りづらいかもしれませんが、よろしくお願いします。
No.1ベストアンサー
- 回答日時:
<script type="text/javascript">
<!--
var msg = new Array();
msg[0] = '<img src="画像Aアドレス"><br>ここにA文章';
msg[1] = '<img src="画像Bアドレス"><br>ここにB文章';
msg[2] = '<img src="画像Cアドレス"><br>ここにC文章';
msg[3] = '<img src="画像Dアドレス"><br>ここにD文章';
msg[4] = '<img src="画像Eアドレス"><br>ここにE文章';
var no = Math.floor(Math.random() * msg.length);
document.write(msg[no]);
// -->
</script>
これを<td></td>の中に入れれば大丈夫だと思います。
msg[0]←この数字を増やしていけばいくつでも可能です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Visual Basic(VBA) Powerpointでランダムな数字の結果を表示するマクロ 2 2023/08/04 10:04
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
- HTML・CSS <a>リンクが飛ばない・・ パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのです 6 2022/07/30 20:21
- HTML・CSS CSSでの文字位置の上下センタリング 3 2023/03/08 18:42
- Excel(エクセル) エクセルの数式で教えてください。 1 2022/07/08 13:46
- Chrome(クローム) googleアカウントのアイコンをローマ字または漢字で表示させたい 2 2023/05/06 22:25
- Photoshop(フォトショップ) 画像編集ソフトPhotopeaのツールバーなどの文字の大きさを変える方法を教えてください。 1 2023/02/25 19:09
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
クリックしても、リンクに飛ば...
-
IMGタグでTIFF画像を表示
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
複数のボタンで1つのエリアに...
-
画像欄にバツ印が・・・
-
HTMLにQRコードを挿入する方法
-
HTMLだけで画像をクリックして...
-
クリッカブルMAP領域が分かる様...
-
<img>タグのalt属性
-
画像がテーブル内に収まらない
-
HTMLにて画像を押したときにボ...
-
画像がHPに載らない!
-
javaスクリプトが反映されない
-
ふきだしに画像を!
-
画像の隣にリンクを貼りたい。
-
クリッカブルマップがうまく使...
-
alt属性はつけるべきか
-
リンクバナーの貼り付け方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
背景が透明なリンクボタンで、...
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
pngやjsの後ろの英数字の意味は...
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
「DecareステートメントにPtrSa...
-
崩れたレイアウトが更新すると...
-
リンクの上にマウスカーソルを...
-
サムネイル(画像)をクリックす...
-
windowsは画像にマウスオンで画...
-
form以外でのpostってできますか?
-
onmouseoverに複数の命令を書き...
-
正規表現でリンクタグを削除す...
-
HTMLにQRコードを挿入する方法
-
画像を入れ替える方法
おすすめ情報