スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

WEB上にアップした連番つき画像を31枚ランダムにブログに表示してみました

 ナガサキの原爆資料館と平和祈念館の写真を31枚 01.jpgから31.jpgのように連番をつけてアップしています。
 その写真をブログのJavaScriptから画像の上をクリックするたびにトラジションを替えながらランダムに表示してみました。
 前回投稿のものと違って連続番号が必要なため、ブログの画像フォルダーにアップした画像を使うことはできませんが、たくさんの画像を簡単にブログで見せたいときには使えます。


<>


ソースですが、WEBサイトの状況でいろいろと変えなくてはなりません。


<div style="position:relative;height:550px;"><div style="position:absolute;top:0px;left:0px;width:550;height:550;"><span style="font-size:1px;color:#ffffff"><<img border=3 src="http://members2.jcom.home.ne.jp/dong-wcat/nagasaki/01.JPG"style="filter:revealTrans(duration=0.7,transition=1)"onClick="this.filters.revealTrans.transition=Math.floor(Math.random()*22);this.filters.revealTrans.Apply();num=Math.floor(Math.random()*31)+1;if(num<10){fname='http://members2.jcom.home.ne.jp/dong-wcat/nagasaki/'+'0'+num+'.JPG';}else{fname='http://members2.jcom.home.ne.jp/dong-wcat/nagasaki/'+num+'.JPG';}this.src=fname;this.filters.revealTrans.Play();">></span></div></div>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。