バナーランダム表示のＩＥでの不具合
画像とリンク先のセットをいくつか用意して、任意の場所に任意の数ランダムで表示させるJavaScriptです。
WEBで見つけたJavaScriptですが提供元は失念しました。
<script type="text/javascript">
<!--
var images = {
// 画像とジャンプ先の URL のペア
url : [
['http://img06.shop-pro.jp/PA01022/054/product/2717384_th.gif', '?pid=2717384'],
['http://img06.shop-pro.jp/PA01022/054/product/2717387_th.gif', '?pid=2717387'],
['http://img06.shop-pro.jp/PA01022/054/product/3627058_th.gif', '?pid=3627058'],
['http://img06.shop-pro.jp/PA01022/054/product/4560888_th.gif', '?pid=4560888'],
['http://img06.shop-pro.jp/PA01022/054/product/4560969_th.gif', '?pid=4560969'],
],
// 順番のシャッフル
shuffle : function() {
for (i = this.url.length; i > 0; --i) {
tmp = this.url[p = Math.floor(Math.random()*i)] ;
this.url[p] = this.url[i-1] ;
this.url[i-1] = tmp ;
}
},
p : 0, // 表示画像のポインタ
// 画像表示
put : function() {
document.write('<a href="'+this.url[this.p][1]+'"><img src="'+this.url[this.p++][0]+'" /></a>') ;
if (this.p >= this.url.length) this.p = 0 ;
}
} ;
images.shuffle() ;
// -->
</script>
<!--ソースをランダムに書き出し-->
<ul class="tagCloud">
<li class=level1><script type="text/javascript">images.put() ;</script></li>
<li class=level2><script type="text/javascript">images.put() ;</script></li>
<li class=level3><script type="text/javascript">images.put() ;</script></li>
</ul>
IEで書き出し個数が不安定なのですが原因や改善方法などアドバイスを頂けると助かります。
IE7で不具合を確認しており、firefox,safari,chromeなどでは問題ありません。
http://catee.net/
こちらの下部の画像がクラウドっぽく表示されている箇所に使用しており
36セット中18ヶ書き出していますが、数ヶしか表示されないことが多々あります。
よろしくお願い致します。
補足
早速の回答ありがとうございます。 先日お店で見ていたら、このナショナルの商品が 明るいと思いました。が、見落としだったり 展示に無い場合などあるかと思いまして、 ご使用の方等の意見を聞きたく思っています。