« サイドバーに自前の写真をランダムに表示するJavaScript | トップページ | 気になる商品 - バッファローの超小型USBメモリ「RMUM」 »

2008年11月30日 (日)

サイドバーに自前の写真を10秒で切り替えて表示するJavaScript

昨日に引き続き、サイドバーのネタ。

写真を10秒で切り替えて表示するように変更。

<script type="text/javascript">
<!--
vstart=1;
vend=9;
vrank=2;
vform="%num%.jpg";
vpath="/photos/slide/";
vinterval=10000;
//----------
function initflag(){
  for(i=0;i<vmax;i++)vflagarr[i]=0;
}
function getcount(){
  var count=0;
  for(i=0;i<vmax;i++)count+=vflagarr[i];
  return count;
}
function getrand(){
  if(getcount()>=vmax)initflag();
  while(1){
    vrand=Math.floor(Math.random()*vmax);
    if(vflagarr[vrand]==0)break;
  }
  vflagarr[vrand]=1;
  return vrand;
}
function initvar(){
  var vzero="";
  vfilearr=new Array(); vflagarr=new Array();
  vmax=vend-vstart+1;
  for(i=0;i<vrank;i++)vzero+="0";
  for(i=0;i<vmax;i++){
    vtmp=vzero+(i+vstart);
    vtmp=vtmp.substring(vtmp.length-vrank,vtmp.length);
    vfilearr[i]=vpath+vform.replace('%num%',vtmp);
  }
  initflag();
}
function dispimg(){
  vrand=getrand();
  document.write('<img src="'+vfilearr[vrand]+'" alt="slide'+vrand+'" name="slideimg">');
  timerid=setTimeout("changeimg()",vinterval);
}
function changeimg(){
  vrand=getrand();
  document.slideimg.src=vfilearr[vrand];
  timerid=setTimeout("changeimg()",vinterval);
}
var timerid, vmax, vfilearr, vflagarr;
initvar();
dispimg();
//-->
</script>

関連ページ:
サイドバーに自前の写真をランダムに表示するJavaScript (2008-11-29)

« サイドバーに自前の写真をランダムに表示するJavaScript | トップページ | 気になる商品 - バッファローの超小型USBメモリ「RMUM」 »

ウェブログ・ココログ関連」カテゴリの記事

パソコン・インターネット」カテゴリの記事

ダイビング」カテゴリの記事

プログラム・スクリプト」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: サイドバーに自前の写真を10秒で切り替えて表示するJavaScript:

« サイドバーに自前の写真をランダムに表示するJavaScript | トップページ | 気になる商品 - バッファローの超小型USBメモリ「RMUM」 »

2019年11月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

Amazonリンク

ダイビング写真(swf)

ブログ内検索

  • Google
    WWW を検索
    ブログ内を検索

リンク(いつもお世話さま)

  • ソニーストア
     iTunes Store(Japan)
    Just MyShop(ジャストシステム)
    ブックオフオンライン
無料ブログはココログ