スポンサーサイト

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

障子の開け閉めのソースの変更点解説です

 ふすまの開け閉めのソースの変更箇所を赤字でわかりやすく表示しました。 画像はいくらでもふやしたり減らしたりできますが、赤字で示している for(i=0; i<9; i++)  の部分のところの9の数字を、枚数に1を足した数字に変更してください。 また画像を増やしたら、画像のIDについている数字を同時に増やしてください。 投稿前には _idkey を 日付などの固有な英数字に一括置換機能のついたエディターなどで一括置換してください。それによってID名が重複することをふせぎます。


<center><div style="position:relative; width:550px; height:420px; font-size:0px; color:white; overflow:hidden; "> <<div id="f_idkey" style="z-index:0; font-style:normal; width:2px; " ></div> <<img id="p_idkey" src="photo00" style="position:absolute; top:0px; left:0px; width:550px; height:420px; "/> <img src="http://blogimg.goo.ne.jp/user_image/51/1b/18d82e6236f255c11cf53caf9246af39.png" style="position:absolute; top:-20px; left:-20px; width:600px; height:480px; z-index: 98; "/> <<img src="http://blogimg.goo.ne.jp/user_image/69/ff/a443e2f0dec894a507cb585ae2126e8a.png" id="husuma_L" style="position:absolute; left:0px; top:0px; width:275px; height:420px; z-index:99; " /> <<img src="http://blogimg.goo.ne.jp/user_image/69/ff/a443e2f0dec894a507cb585ae2126e8a.png" id="husuma_R" style="position:absolute; right:0px; top:0px; width:275px; height:420px; z-index:99; " /> <<img id="p_idkey0" src="画像URL0" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:visible; "/> <<img id="p_idkey1" src="画像URL1" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/> <<img id="p_idkey2" src="画像URL2" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/> <<img id="p_idkey3" src="画像URL3" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/> <<img id="p_idkey4" src="画像URL4" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/> <<img id="p_idkey5" src="画像URL5" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/> <<img id="p_idkey6" src="画像URL6" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/> <<img id="p_idkey7" src="画像URL7" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/> <<img id="p_idkey8" src="画像URL8" style="position:absolute; left:0px; top:0px; width:550px; height:420px; visibility:hidden; "/></div><<a href="#dummy" onclick="if(f_idkey.style.width=='1px')return; f_idkey.style.width='1px'; if(f_idkey.style.fontStyle=='normal'){n=0; f_idkey.style.fontStyle='italic'; tid_idkey=setInterval('{n+=11; if(n>275){n=275; clearInterval(tid_idkey); f_idkey.style.width=\'0px\'; } husuma_L.style.left=-n; husuma_R.style.right=-n-1; }',100); for(i=0; i<9; i++) document.getElementById('p_idkey'+i).style.visibility='hidden'; pnum=f_idkey.style.zIndex; document.getElementById('p_idkey'+pnum).style.visibility='visible'; if(++pnum>8)pnum=0; f_idkey.style.zIndex=pnum; } else {n=275; f_idkey.style.fontStyle='normal'; tid_idkey=setInterval('{n-=11; if(n<0){n=0; clearInterval(tid_idkey); f_idkey.style.width=\'0px\'; } husuma_L.style.left=-n; husuma_R.style.right=-n-1; }',100); }">障子を開けたり閉めたりする</a>></center>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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