29.扉が開いたり締まったり

当方のbbsに使っていますように、三つ並べた画像の内、両端をあたかもドアが閉まったり閉じたりするようにして動かすタグです。上がここで、実際に使っているものです。色々とトライしましたが、ナカナカ上手くできませんでした。ところが、発想の転換で何のことはない、分かれば簡単なことです。

ポイントは、direction="right"をどちらかに使うことと、三つの画像を並べるときの、align="left"は入れないことです。これを入れるとバラバラになります。逆に、下のように整列させるだけの場合は、align="left"を必ず入れます。真ん中の画像は、手作りのギフアニメを入れましたが、これも画像と同じ扱いで処理できます。

＜bbs画像　新スタイル＞

<CENTER><MARQUEE scrollAmount=2　direction="right" behavior=alternate width=200><IMG height=75 src="http://dengaku.easy-magic.com/files/dengaku/rondo2.JPG" width=75 border=0></marquee><IMG src="http://dengaku.easy-magic.com/files/dengaku/bbs3s.gif"  border=0><MARQUEE scrollAmount=2 behavior=alternate width=200><IMG height=75 src="http://dengaku.easy-magic.com/files/dengaku/Rondo2000DESKTOP.jpg20050827212540" width=75  border=0></marquee></CENTER>

＜bbs画像旧スタイル＞

<CENTER> <TABLE width=400><IMG height=75 src="http://dengaku.easy-magic.com/files/dengaku/rondo2.JPG" width=75 align="left" border=0><IMG src="http://dengaku.easy-magic.com/files/dengaku/bbs3s.gif" align="left" border=0><IMG height=75 src="http://dengaku.easy-magic.com/files/dengaku/Rondo2000DESKTOP.jpg20050827212540" width=75 align="left" border=0> </TABLE></CENTER>

事例を見る