Bell おばさん

日々の記録

「画像8枚拡大ソース」です。

2008年08月29日 | 拡大ソース
下は、八枚の画像を菱形にならべてみました。8月11日にupしたもので画像をクリックすると拡大するものです。どんぐりさんの「3枚拡大ソース」を参考にさせていただきました。ソースを下の方に表示してみました。よろしかったら、ご利用ください。
A <>は、半角にしてください。
B idは、ひとつの画像にたいして11個ありますが、今までに、ここに表示されているこのid番号を使用したことがなければこのままでだいじょうぶです。
C 画像①~画像⑧までは、拡大画像URLを入れてください。


<
<<<<<<<<


<center><span style="font-size:1px;color:#cccccc"><<div style="position:relative;width:440;height:370;background-color:#cccccc;"> <<img border=1 style="position: absolute;z-Index:3;top:270;left:170" id="p0808081" width=100 src="画像①" onclick="if(p0808081.width<300){p0808081.style.zIndex=99; p0808081.style.top=10;p0808081.style.left=10;kakudai1 = setInterval('{w=p0808081.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808081.width=w;}',2);}else{p0808081.style.zIndex=3;p0808081.style.top=270;p0808081.style.left=170; p0808081.width=100;}" /><<img border=1 style="position: absolute; z-Index:2;top:205;left:90" id="p0808082" width=100 src="画像②" onclick="if(p0808082.width<300){p0808082.style.zIndex=99;p0808082.style.top=10;p0808082.style.left=10;kakudai1 = setInterval('{w=p0808082.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808082.width=w;}',2);}else{p0808082.style.zIndex=2;p0808082.style.top=205;p0808082.style.left=90; p0808082.width=100;}" /><<img border=1 style="position: absolute; z-Index:1;top:140;left:10" id="p0808083" width=100 src="画像③" onclick="if(p0808083.width<300){p0808083.style.zIndex=99; p0808083.style.top=10;p0808083.style.left=10;kakudai1 = setInterval('{w=p0808083.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808083.width=w;}',2);}else{p0808083.style.zIndex=1;p0808083.style.top=140;p0808083.style.left=10; p0808083.width=100;}" /><<img border=1 style="position: absolute;z-Index:2;top:205;left:250" id="p0808084" width=100 src="画像④" onclick="if(p0808084.width<300){p0808084.style.zIndex=99; p0808084.style.top=10;p0808084.style.left=10;kakudai1 = setInterval('{w=p0808084.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808084.width=w;}',2);}else{p0808084.style.zIndex=2;p0808084.style.top=205;p0808084.style.left=250; p0808084.width=100;}" /><<img border=1 style="position: absolute; z-Index:2;top:75;left:90" id="p0808085" width=100 src="画像⑤" onclick="if(p0808085.width<300){p0808085.style.zIndex=99;p0808085.style.top=10;p0808085.style.left=10;kakudai1 = setInterval('{w=p0808085.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808085.width=w;}',2);}else{p0808085.style.zIndex=2;p0808085.style.top=75;p0808085.style.left=90; p0808085.width=100;}" /><<img border=1 style="position: absolute; z-Index:1;top:140;left:330" id="p0806086" width=100 src="画像⑥" onclick="if(p0806086.width<300){p0806086.style.zIndex=99; p0806086.style.top=10;p0806086.style.left=10;kakudai1 = setInterval('{w=p0806086.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0806086.width=w;}',2);}else{p0806086.style.zIndex=1;p0806086.style.top=140;p0806086.style.left=330; p0806086.width=100;}" /><<img border=1 style="position: absolute; z-Index:2;top:75;left:250" id="p0808087" width=100 src="画像⑦" onclick="if(p0808087.width<300){p0808087.style.zIndex=99;p0808087.style.top=10;p0808087.style.left=10;kakudai1 = setInterval('{w=p0808087.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808087.width=w;}',2);}else{p0808087.style.zIndex=2;p0808087.style.top=75;p0808087.style.left=250; p0808087.width=100;}" /><<img border=1 style="position: absolute; z-Index:3;top:10;left:170" id="p0808088" width=100 src="画像⑧" onclick="if(p0808088.width<300){p0808088.style.zIndex=99; p0808088.style.top=10;p0808088.style.left=10;kakudai1 = setInterval('{w=p0808088.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808088.width=w;}',2);}else{p0808088.style.zIndex=3;p0808088.style.top=10;p0808088.style.left=170; p0808088.width=100;}" /></div></span></center>