リンク画像をランダム表示して一定時間でランダムにリンク画像切り替えするには？

解決済

質問者：akuriru
質問日時：2008/11/23 01:42
回答数：2件

「複数のリンク画像を一定時間で（各リンク先も）切り替えるには？」で画像表示を一定時間で切り替えることがわかりましたが、ページを開いたときにリンク画像がランダムで表示されその後、一定時間でランダムにリンク画像を切り替えをする場合、どうすればいいのでしょうか？よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： kura07
回答日時：2008/11/24 15:28

そうでした＾＾；大切な部分が抜けてましたね。

<script type="text/javascript">
/* 設定部分 */
var interval = 2000; //切り替わる時間（1000=1秒）
var imgs = new Array(); var hrefs = new Array();
imgs[0] = new Image(); imgs[0].src = "a001ani.gif"; hrefs[0] = "リンク先１";
imgs[1] = new Image(); imgs[1].src = "a002ani.gif"; hrefs[1] = "リンク先２";
imgs[2] = new Image(); imgs[2].src = "a003ani.gif"; hrefs[2] = "リンク先３";

/* プログラム部分 */
var num = Math.floor(Math.random()*imgs.length);
document.write('<a href="'+hrefs[num]+'" id="cth"><img src="'+imgs[num].src+'" id="cti" style="border:0" /></a>');
var cti = document.getElementById("cti"); var cth = document.getElementById("cth");
setInterval(function(){
num += Math.floor(Math.random()*(imgs.length-1))+1;
if(num>=imgs.length) num -= imgs.length;
cti.src = imgs[num].src; cth.href = hrefs[num];
},interval);
</script>

- 0
- 件

通報する

この回答へのお礼

使用したところ正常に作動しました。
回答ありがとうございますm(_ _)m

通報する

お礼日時：2008/11/24 21:24

No.1

回答者： kura07
回答日時：2008/11/23 05:38

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

/* 設定部分 */
var interval = 2000; //切り替わる時間（1000=1秒）
var imgs = new Array(); var hrefs = new Array();
imgs[0] = new Image(); imgs[0].src = "a001ani.gif"; hrefs[0] = "http://www.google.co.jp/";
imgs[1] = new Image(); imgs[1].src = "a002ani.gif"; hrefs[1] = "http://www.yahoo.co.jp/";
imgs[2] = new Image(); imgs[2].src = "a003ani.gif"; hrefs[2] = "http://www.goo.ne.jp/";

/* プログラム部分 */
var num = Math.floor(Math.random()*imgs.length);
document.write('<a href="'+hrefs[num]+'" id="cth"><img src="'+imgs[num].src+'" id="cti" style="border:0" /></a>');
var cti = document.getElementById("cti"); var cth = document.getElementById("cth");
setInterval(function(){
num += Math.floor(Math.random()*(imgs.length-1))+1;
if(num>=imgs.length) num -= imgs.length;
cti.src = imgs[num].src; cth.href = hrefs[num];
},interval);
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
「imgs[○] = new Image(); imgs[○].src = "□□"; hrefs[○] = "△△";」で、
○の数字を大きくしていくと、画像の数が増やせます。
「imgs[○].src = "□□";」では、□□に画像urlを入力
「hrefs[○] = "△△";」では、△△にリンク先urlを入力