　スクリプト：雛型倶楽部　
　写真：自作　
　画像：素材屋きらり☆　
　BGM:COSMOS

　　　　秋の庭

★

「写真２」

　写真の回転中心とピンの位置をあわせることで、自然な表示が可能です。
　但し、縁の画像は角度に合わせて傾いてくれません。

○写真画像
<IMG id=im1 style="POSITION: absolute; display:none;" src="Morning.jpg">

○ふち画像：縁画像を指定しない場合はこの下の行を消してください
<IMG id=im2 style="POSITION: absolute; display:none;" src="paper005.gif">

○写真全体の設定：角度(rotation)、位置(left,top)を設定してください（画像左上を（0,0)として、回転中心の座標（ピンの座標と同じにすること）。
　回転中心（ordorigin = "***,***"）の値はピンの位置(left,top)と連動しています。
<v:group style="POSITION: absolute; LEFT: 400px; TOP: 100px; WIDTH: 1px; HEIGHT: 1px; rotation: -10"coordsize = "1,1" coordorigin = "240,0">

○写真のサイズ(width,height)を指定してください
<v:image id=photo style="WIDTH: 500px; HEIGHT: 325px; rotation: 0" coordsize = "21600,21600" >

○写真の縁：幅(weight)を設定してください
<v:stroke id=photog filltype = "tile" color="white" on = "true" weight = "20pt"></v:stroke>
<v:shadow on = "t" type = "single" color = "black" opacity = "0.6" offset = "5pt,5pt"></v:shadow></v:image>

○ピン止め。ピンの位置（left,top）を設定してください。
　写真の回転中心をピンの位置にあわせるならば、回転中心（ordorigin = "***,***"）も同じ数値にしてください。
<v:shape style="LEFT: 240px; TOP: 0px; WIDTH: 1px; POSITION: absolute; HEIGHT: 1px; rotation: 0" coordsize = "1,1" fillcolor = "black" stroked = "f" path = " wr-10,-10,10,10,0,30,1,30 x e">
<v:fill type = "gradient" color2 = "white" angle = "45"></v:fill>
○ピンの影の透明度(opacity)　影のオフセット量(offset)
<v:shadow on = "t" color = "black" opacity = "0.6" obscured = "t" offset = "5pt,5pt"></v:shadow>
</v:shape>

</v:group>

<SCRIPT language=JavaScript>

</SCRIPT> <BR>