altだけランダムに並び替えできません。
はじめまして、お力をお貸しください。
3個のバナー(今後増減あり)をリロードするたびにランダムで
順番を入れ替えて表示したいと思っています。重複ナシです。
3個中3個すべてを表示して順番だけ入れ替えたいです。
上記に(1)画像(2)リンク(3)altの3点セットをランダム順番入れ替え
したいのですが、下記スクリプトだとaltだけ順番が入れ替わりません。
altも順番入れ替えできる用にしてもらえませんでしょうか。
お願いします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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.gif" id="banner0" alt="banner1"></a>
</p>
<p>
<a href="address2.html"><img src="002.gif" id="banner1" alt="banner2"></a>
</p>
<p>
<a href="address3.html"><img src="003.gif" id="banner2" alt="banner3"></a>
</p>
</body>
</html>
お礼
そうですか・・・(汗) 今までのが、酷すぎたんでしょうか? (全ては、相対的でしかない・・・) ありがとうございました!