サイドバーに自前の写真を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」 »
「ウェブログ・ココログ関連」カテゴリの記事
- 宮古島写真掲載&スライドショーFlash更新(2009.01.11)
- サイドバーに自前の写真を10秒で切り替えて表示するFlash(2008.12.07)
- サイドバーに自前の写真を10秒で切り替えて表示するJavaScript(2008.11.30)
- サイドバーに自前の写真をランダムに表示するJavaScript(2008.11.29)
「パソコン・インターネット」カテゴリの記事
- モッピー(moppy)に登録したので広告(2013.10.12)
- VMware PlayerのBIOS画面表示(2012.12.10)
- ウイルスバスターのポップアップ広告を消す(2012.06.25)
「ダイビング」カテゴリの記事
- いちゃがりがり 食べたい(2011.10.24)
- 北海道旅行(2009.08.16)
- 気になる商品 - Wiiのソフト「フォーエバーブルー」(2009.04.25)
- 宮古島ダイビングの動画(2009.01.12)
- 宮古島写真掲載&スライドショーFlash更新(2009.01.11)
「プログラム・スクリプト」カテゴリの記事
- [CakePHP1.3] 秀和システムの本 メモ5 - モデルクラスのメンバ変数とコールバック(2012.06.04)
- [CakePHP1.3] 秀和システムの本 メモ4 - データベースの利用1(2012.05.31)
- [CakePHP1.3] 秀和システムの本 メモ3 - Formヘルパー(2012.05.30)
- [CakePHP1.3] CakePHP 1.3 によるWebアプリケーション開発(秀和システム) のメモ2(2012.05.22)
- [CakePHP1.3] CakePHP 1.3 によるWebアプリケーション開発(秀和システム) のメモ(2012.05.18)
この記事へのコメントは終了しました。
« サイドバーに自前の写真をランダムに表示するJavaScript | トップページ | 気になる商品 - バッファローの超小型USBメモリ「RMUM」 »
コメント