8枚のポップアップ版のソースです。
そのまま、コピーできます。
2回目使う時は、KI(半角)を他の文字に変えてください。
<div style="position:relative;font-size:1px;color:white;width:700;height:500;">
<<img width=150 border=0 style="position:absolute;top:10;left:0;z-index:0;" src="①の画像URL" onmouseover="KI4030.style.zIndex=8;kakudai = setInterval('{w=KI4030.width;w+=10;if(w>500){w=500;}KI4030.width=w;}',8);" onmouseout="KI4030.style.zIndex=0;clearInterval(kakudai);KI4030.width=150;" onclick="KI4030.style.zIndex=1;clearInterval(kakudai);KI4030.width=150;"id="KI4030"/>
<<img width=150 border=0 style="position:absolute;top:60;left:50;z-index:1" src="②の画像URL" onmouseover="KI4031.style.zIndex=8;kakudai = setInterval('{w=KI4031.width;w+=10;if(w>500){w=500;}KI4031.width=w;}',8);" onmouseout="KI4031.style.zIndex=1;clearInterval(kakudai);KI4031.width=150;" onclick="KI4031.style.zIndex=1;clearInterval(kakudai);KI4031.width=150;"id="KI4031"/>
<<img width=150 border=0 style="position:absolute;top:100;left:110;z-index:2" src="③の画像URL" onmouseover="KI4032.style.zIndex=8;kakudai = setInterval('{w=KI4032.width;w+=10;if(w>500){w=500;}KI4032.width=w;}',8);" onmouseout="KI4032.style.zIndex=2;clearInterval(kakudai);KI4032.width=150;" onclick="KI4032.style.zIndex=1;clearInterval(kakudai);KI4032.width=150;"id="KI4032"/>
<<img width=150 border=0 style="position:absolute;top:140;left:175;z-index:3" src="④の画像URL" onmouseover="KI4033.style.zIndex=8;kakudai = setInterval('{w=KI4033.width;w+=10;if(w>500){w=500;}KI4033.width=w;}',8);" onmouseout="KI4033.style.zIndex=3;clearInterval(kakudai);KI4033.width=150;" onclick="KI4033.style.zIndex=1;clearInterval(kakudai);KI4033.width=150;"id="KI4033"/>
<<img width=150 border=0 style="position:absolute;top:180;left:240;z-index:4" src="⑤の画像URL" onmouseover="KI4034.style.zIndex=8;kakudai = setInterval('{w=KI4034.width;w+=10;if(w>500){w=500;}KI4034.width=w;}',8);" onmouseout="KI4034.style.zIndex=4;clearInterval(kakudai);KI4034.width=150;" onclick="KI4034.style.zIndex=1;clearInterval(kakudai);KI4034.width=150;"id="KI4034"/>
<<img width=150 border=0 style="position:absolute;top:10;right:0;z-index:5;" src="⑥の画像URL" onmouseover="KI4035.style.zIndex=8;kakudai = setInterval('{w=KI4035.width;w+=10;if(w>500){w=500;}KI4035.width=w;}',8);" onmouseout="KI4035.style.zIndex=5;clearInterval(kakudai);KI4035.width=150;" onclick="KI4036.style.zIndex=1;clearInterval(kakudai);KI4035.width=150;"id="KI4035"/>
<<img width=150 border=0 style="position:absolute;top:90;right:60;z-index:6;" src="⑦の画像URL" onmouseover="KI4036.style.zIndex=8;kakudai = setInterval('{w=KI4036.width;w+=10;if(w>500){w=500;}KI4036.width=w;}',8);" onmouseout="KI4036.style.zIndex=6;clearInterval(kakudai);KI4036.width=150;" onclick="KI4036.style.zIndex=1;clearInterval(kakudai);KI4036.width=150;"id="KI4036"/>
<<img width=150 border=0 style="position:absolute;top:160;right:120;z-index:7;" src="⑧の画像URL" onmouseover="KI4037.style.zIndex=8;kakudai = setInterval('{w=KI4037.width;w+=10;if(w>500){w=500;}KI4037.width=w;}',8);" onmouseout="KI4037.style.zIndex=7;clearInterval(kakudai);KI4037.width=150;" onclick="KI4037.style.zIndex=1;clearInterval(kakudai);KI4037.width=150;"id="KI4037"/></div>
ソースは、どんぐりさんとtomoさんよりお借りしました。ありがとうございました。
そのまま、コピーできます。
2回目使う時は、KI(半角)を他の文字に変えてください。
<div style="position:relative;font-size:1px;color:white;width:700;height:500;">
<<img width=150 border=0 style="position:absolute;top:10;left:0;z-index:0;" src="①の画像URL" onmouseover="KI4030.style.zIndex=8;kakudai = setInterval('{w=KI4030.width;w+=10;if(w>500){w=500;}KI4030.width=w;}',8);" onmouseout="KI4030.style.zIndex=0;clearInterval(kakudai);KI4030.width=150;" onclick="KI4030.style.zIndex=1;clearInterval(kakudai);KI4030.width=150;"id="KI4030"/>
<<img width=150 border=0 style="position:absolute;top:60;left:50;z-index:1" src="②の画像URL" onmouseover="KI4031.style.zIndex=8;kakudai = setInterval('{w=KI4031.width;w+=10;if(w>500){w=500;}KI4031.width=w;}',8);" onmouseout="KI4031.style.zIndex=1;clearInterval(kakudai);KI4031.width=150;" onclick="KI4031.style.zIndex=1;clearInterval(kakudai);KI4031.width=150;"id="KI4031"/>
<<img width=150 border=0 style="position:absolute;top:100;left:110;z-index:2" src="③の画像URL" onmouseover="KI4032.style.zIndex=8;kakudai = setInterval('{w=KI4032.width;w+=10;if(w>500){w=500;}KI4032.width=w;}',8);" onmouseout="KI4032.style.zIndex=2;clearInterval(kakudai);KI4032.width=150;" onclick="KI4032.style.zIndex=1;clearInterval(kakudai);KI4032.width=150;"id="KI4032"/>
<<img width=150 border=0 style="position:absolute;top:140;left:175;z-index:3" src="④の画像URL" onmouseover="KI4033.style.zIndex=8;kakudai = setInterval('{w=KI4033.width;w+=10;if(w>500){w=500;}KI4033.width=w;}',8);" onmouseout="KI4033.style.zIndex=3;clearInterval(kakudai);KI4033.width=150;" onclick="KI4033.style.zIndex=1;clearInterval(kakudai);KI4033.width=150;"id="KI4033"/>
<<img width=150 border=0 style="position:absolute;top:180;left:240;z-index:4" src="⑤の画像URL" onmouseover="KI4034.style.zIndex=8;kakudai = setInterval('{w=KI4034.width;w+=10;if(w>500){w=500;}KI4034.width=w;}',8);" onmouseout="KI4034.style.zIndex=4;clearInterval(kakudai);KI4034.width=150;" onclick="KI4034.style.zIndex=1;clearInterval(kakudai);KI4034.width=150;"id="KI4034"/>
<<img width=150 border=0 style="position:absolute;top:10;right:0;z-index:5;" src="⑥の画像URL" onmouseover="KI4035.style.zIndex=8;kakudai = setInterval('{w=KI4035.width;w+=10;if(w>500){w=500;}KI4035.width=w;}',8);" onmouseout="KI4035.style.zIndex=5;clearInterval(kakudai);KI4035.width=150;" onclick="KI4036.style.zIndex=1;clearInterval(kakudai);KI4035.width=150;"id="KI4035"/>
<<img width=150 border=0 style="position:absolute;top:90;right:60;z-index:6;" src="⑦の画像URL" onmouseover="KI4036.style.zIndex=8;kakudai = setInterval('{w=KI4036.width;w+=10;if(w>500){w=500;}KI4036.width=w;}',8);" onmouseout="KI4036.style.zIndex=6;clearInterval(kakudai);KI4036.width=150;" onclick="KI4036.style.zIndex=1;clearInterval(kakudai);KI4036.width=150;"id="KI4036"/>
<<img width=150 border=0 style="position:absolute;top:160;right:120;z-index:7;" src="⑧の画像URL" onmouseover="KI4037.style.zIndex=8;kakudai = setInterval('{w=KI4037.width;w+=10;if(w>500){w=500;}KI4037.width=w;}',8);" onmouseout="KI4037.style.zIndex=7;clearInterval(kakudai);KI4037.width=150;" onclick="KI4037.style.zIndex=1;clearInterval(kakudai);KI4037.width=150;"id="KI4037"/></div>
ソースは、どんぐりさんとtomoさんよりお借りしました。ありがとうございました。
ソースだけ借りて帰ります。
またして見ます
直ぐいまある写真を取り合えず作りましたよ。
▽~~~ ウキ♪ o(▽ ̄*)ノフレー※\(* ̄▽ ̄*)/※フレーヽ
今の気持ちと私にの応援です。