7.浮遊する額縁
次が、本家サイトのメイン頁の一番下で浮遊している額縁のタグです。img src=" "の処の" "の中を、ご自分のアップロードした画像に替えてください。ここでは、17枚を使っていますが、大事なことは画像のサイズを揃えることです。もう一つの方法は、<img src=""width=ooo height=xxx border=0>と同じ数字を入れてサイズを揃える方法です。パラパラ画像にならないときには、画像のwidthによって、amount とdelayの数字を替えます。下に、チョット書きましたが、詳しくは別途。
<MARQUEE scrollDelay=100 direction=up behavior=alternate width=650 height=600> <MARQUEE scrollDelay=100 behavior=alternate> <CENTER> <TABLE cellSpacing=10 borderColorDark=#771177 cellPadding=10 bgColor=#33bbff borderColorLight=#ff99bb border=40> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=258 scrollDelay=546 width=250 align="left" border="0"><A href="http://artaile.hp.infoseek.co.jp/index.html"> <IMG src="natacia.jpg" border=0><IMG src="natersha-p.jpg" border=0><IMG src="natersha-r-2.jpg" border=0><IMG src="natersha-r-3.jpg" border=0><IMG src="natersha-r.jpg" border=0><IMG src="natacia.jpg" border=0><IMG src="natersha-p.jpg" border=0><IMG src="natersha-r-2.jpg" border=0><IMG src="natersha-r.jpg" border=0><IMG src="natacia.jpg" border=0><IMG src="natersha-p.jpg" border=0><IMG src="natersha-r-2.jpg" border=0><IMG src="natersha-r-3.jpg" border=0><IMG src="natersha-r.jpg" border=0><IMG src="natacia.jpg" border=0><IMG src="natersha-p.jpg" border=0><IMG src="natersha-r-2.jpg" border=0></A></MARQUEE></TD></TR></TBODY></TABLE></CENTER><BR><FONT color=#ff00ff><Purple SantaMaria></FONT></MARQUEE></MARQUEE><BR><BR><BR> <P></P><TBODY></TBODY> <P></P></TABLE></A>
<center>から</center>までが、額縁です。額縁の中のMarqueeがパラパラ画像を作ります。bgcolorが額縁の中の色、縁の暗い色が bordercolordark で、lightが明るい色です。色を変えると鮮やかに変身します。amountはwidthの数字に6-8を足した数字が、delayはwidthの数字の1.6-1.8倍が、画像が止まって見えます。数字を違えてみて、動かしてみて決めます。結構、時間のかかる作業です。そして、一番上の2つのマーキーが額縁を前後左右に動かせます。動かしたくなければ、<center>から上の、このダブル・マーキーを削除します。
|