サイドバーに自前の写真をランダムに表示するJavaScript
サイドバーに、ランダムに写真を表示するJavaScriptを設置した。
ページ読み込みのたびに、切り替わるようにした。
このくらいなら簡単にできてしまう。
サイドバーっておもしろい。
スクリプトは、以下。
<script type="text/javascript">
<!--
vstart=1;
vend=9;
vrank=2;
vform="%num%.jpg";
vpath="/photos/slide/";
//----------
vzero="";
for(i=0;i<vrank;i++)vzero+="0";
vmax=vend-vstart+1;
vrand=Math.floor(Math.random()*vmax);
vtmp=vzero+(vrand+vstart);
vtmp=vtmp.substring(vtmp.length-vrank,vtmp.length);
vfile=vform.replace('%num%',vtmp);
document.write('<img src="'+vpath+vfile+'" alt="slide'+vrand+'">');
//-->
</script>
« サクラエディタでまとめてインデント | トップページ | サイドバーに自前の写真を10秒で切り替えて表示するJavaScript »
「ウェブログ・ココログ関連」カテゴリの記事
- 宮古島写真掲載&スライドショー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)
この記事へのコメントは終了しました。
« サクラエディタでまとめてインデント | トップページ | サイドバーに自前の写真を10秒で切り替えて表示するJavaScript »
コメント