スポンサーサイト

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

写真説明つきです

<
<<<
写真説明-01



ソース(<>¥は半角に、改行は削除すること ID名(deg、img1、img2、caption)は変更すること)


<div style="position:relative;font-size:1px;color:white;width:550;height:550;">
<<div id="deg" width=0 height=0>
</div>
<<img border=3 id="img1" src="画像URL02" style="position:absolute;top:50;left:0;width:500;height:330;"/>
<<img border=3 id="img2" src="画像URL01" style="position:absolute;top:50;left:0;width:500;height:330;
filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0,M12=0.0,M21=0.0,M22=1.0,sizingMethod='auto expand');"
onclick="timerID=setInterval('{max=8;d=-deg.width;d-=2;if(d<=-90){clearInterval(timerID);img2.filters(0).m11=0;
num=deg.height-0;num++;if(num>max){num=1}switch(num) {
case 1: img1.src=¥'画像URL03¥';img2.src=¥'画像URL02¥';caption.innerText=¥'写真説明-02¥';break;
case 2: img1.src=¥'画像URL04¥';img2.src=¥'画像URL03¥';caption.innerText=¥'写真説明-03¥';break;
case 3: img1.src=¥'画像URL05¥';img2.src=¥'画像URL04¥';caption.innerText=¥'写真説明-04¥';break;
case 4: img1.src=¥'画像URL06¥';img2.src=¥'画像URL05¥';caption.innerText=¥'写真説明-05¥';break;
case 5: img1.src=¥'画像URL07¥';img2.src=¥'画像URL06¥';caption.innerText=¥'写真説明-06¥';break;
case 6: img1.src=¥'画像URL08¥';img2.src=¥'画像URL07¥';caption.innerText=¥'写真説明-07¥';break;
case 7: img1.src=¥'画像URL01¥';img2.src=¥'画像URL08¥';caption.innerText=¥'写真説明-08¥';break;
case 8: img1.src=¥'画像URL02¥';img2.src=¥'画像URL01¥';caption.innerText=¥'写真説明-01¥';break;}
img2.filters(0).m11=1;deg.height=num;deg.width=0;d=0;}
img2.filters(0).m21=Math.sin(Math.PI*d/180)/6;img2.filters(0).m11=(90+d)/90;
img2.style.top=50+500*Math.sin(Math.PI*d/180)/6;deg.width=-d;}',10);">
<<div id="caption" style="position:absolute; top:400;left:10; font-size:14px;color:black;text-align:center;width:500;">
写真説明-01</div>
</div>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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