同じような質問があり、ここの↓
http://oshiete1.goo.ne.jp/kotaeru.php3?q=893308
lead1976さんの回答どおりやったら出来たんですが、リンク先は固定のままで、画像だけ順番が入れ替わってしまいました。。。
リンク先もちゃんと入れ替わる方法を教えてください。
ちなみに自分は知識がまるでないので専門用語とかさっぱりわかりません。
出来ればコピペで一部変更するだけで使えるように教えてくれると助かります。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
とりあえず作ってみました。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title>バナーランダム表示</title>
<script type="text/javascript">
<!--
function bannerclass(address,src){
this.src = src;
this.address = address;
}
function getBannerAddress(){
var i = 0;
var tempAddressList = new Array();
while(document.getElementById('banner' + i)){
tempAddressList[i] = new bannerclass(document.getElementById('banner' + i).parentNode.href,document.getElementById('banner' + i).src);
i++;
}
return tempAddressList;
}
function setBannerAddress(tempBannerData){
var bannernum = tempBannerData.length;
var i;
for (i = 0; i < bannernum; i++){
var rndNum = Math.floor(Math.random() * bannernum);
var tempData = tempBannerData[rndNum];
tempBannerData[rndNum] = tempBannerData[i];
tempBannerData[i] = tempData;
}
for (i = 0; i < bannernum; i++){
document.getElementById('banner' + i).parentNode.href = tempBannerData[i].address;
document.getElementById('banner' + i).src = tempBannerData[i].src;
}
}
function setBanner(){
var tempdata = getBannerAddress();
setBannerAddress(tempdata);
}
if (window.addEventListener) window.addEventListener("load", setBanner, false);
else if (window.attachEvent) window.attachEvent("onload", setBanner);
else window.onload = setBanner;
// -->
</script>
</head>
<body>
<p>
<a href="address1.html"><img src="001.png" id="banner0" alt="banner"></a>
</p>
<p>
<a href="address2.html"><img src="002.png" id="banner1" alt="banner"></a>
</p>
<p>
<a href="address3.html"><img src="003.png" id="banner2" alt="banner"></a>
</p>
</body>
</html>
使い方は img タグの id に "banner0" といったように banner に続けて数字を入れるだけ。あとは JavaSscript が勝手にやってくれます。
並び替えの精度はあまりよくありませんが、とりあえず求められている機能は持たせてあります。
出来ました!!
ありがとうございます!!
すごく簡単でとても役に立ちました。
また質問させていただいた時はよろしくお願いします!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(Microsoft Office) 1の行を固定した上でVBAを用いて日付順に自動並べ替え 2 2022/06/06 15:09
- 引越し・部屋探し 引っ越しのコツを教えて下さい 3 2023/01/09 00:01
- gooのスマホ スマホのオンライン購入に関して質問です。 70歳の爺さんです。スマホ自体は、十数年使っていますが、S 4 2023/03/04 11:12
- SoftBank(ソフトバンク) ソフトバンクのプリペイド携帯専用のシンプルスタイルの電話番号変更について 5 2022/12/05 16:13
- HTML・CSS WEBサイト 画像の直接リンクについて 1 2022/11/16 10:41
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- マウス・キーボード 無線マウスが反応しない 3 2022/05/08 22:22
- BTOパソコン OSの入ったHDDがBIOSには認識されるが起動しない 5 2022/04/15 00:47
- 格安スマホ・SIMフリースマホ 私名義の携帯電話を解約したい 7 2022/03/28 22:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像の座標位置取得
-
【jQuery】複数の画像の読み込...
-
divの背景画像を、徐々に表示さ...
-
一定時間ごとにgif画像の切...
-
Javaにて画像を残像が残りつつ...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
画像の上に画像リンクを貼る方法
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
複数画像のランダム複数表示(...
-
【CSS】floatで左右に並べた...
-
Gifアニメ、最後のコマに行った...
-
Slick.jsのオプションrtlについて
-
クリックして変更した画像を他...
-
文字と数字が混在する要素のsor...
-
マウスを乗せるとメニュー表示
-
[急ぎ] videoタグで埋め込んだm...
-
画像ランダム表示、しかしダブ...
-
JavaScriptでサイコロのような...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
jQueryでサーバー上のファイル...
-
【jQuery】複数の画像の読み込...
-
複数のバナーをリロードする度...
-
jQueryで画像を重ねる
-
一定時間ごとにgif画像の切...
-
画像をクリックすると別ウイン...
-
JavaScriptで画面サイズによっ...
-
HTMLページ内のタグに対しての...
-
【javascript】ロールオーバー...
-
HPに複数の画像をクリックで切...
-
連続したURLへのwindow.openの...
-
リンク切の場合リンクしない
-
画像と文字を同時に切り替えたい
-
JavaScriptで画像置換えてクリ...
-
画像の入れ替え
-
javascriptによるランダム画像...
-
<img>タグの alt= の値をキャプ...
-
outlook2010の不具合で困ってい...
-
複数のボールの落下、バウンド...
おすすめ情報