中川さんのイメージチェンジャーの簡単な解説です(その3)
説明文字の表示
更新日時
イメージチェンジャーでは説明文章の表示を「画像の中」と「画像の下」に表示する2通りの方法があります。
今回は画像の中に表示する方法を説明します。
前回までの表示の「ランダムエフェクト」と「表示時間」の設定でタグは下記の表示となっていると思います。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<applet code="ImageChanger.class" width=288 height=206>
<param name="images"
value="PHOT003.GIF,PHOT005.GIF,PHOT021.GIF,PHOT059.GIF,PHOT065.GIF,PHOT063.GIF">
<param name="randomEffect" value="true">
<param name="time" value="4000">
</applet>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<param name="titles" value="文鳥|c,雀?|s,カナリヤ|ne,小鳥1|sw,小鳥2|se">
<param name="fontSize" value="20">
<param name="fontColor" value=""ffff00">
<param name="fontShadowColor" value="000000">
<param name="fontBackColor" value="404080">
文字を画像の中に表示させるには、次のタグ(パラメータ)を</applet>の前に挿入します
説明 |
value=の次にそれぞれの画像の説明文字を入力します、順番は画像に対応します、そして説明文の区切りは「,」(カンマ)となります。
fontSize は表示するフォントの大きさです、省略はディフォルトの12です。
fontColor は文字色です、省略(1行です)はディフォルトの「FFFFFF(白)」 =ffffff00は黄色です
fontshadowcolor は「文字の影の色」です。省略した場合は影無しとなります。
fontBackColor はタイトルの背景色です、省略は背景無しとなります。
ディフォルトでの文字の表示位置は指定した縦横サイズの「左上」となります。
なお、色の取得し、ホームページビルダーのメニューから「編集」→「ページのプロパティ」で「背景/テキスト色」で色をクリックしますと、その色に対応したコードが表示されます。 |
<applet code="ImageChanger.class" width=288 height=206>
<param name="images"
value="PHOT003.GIF,PHOT005.GIF,PHOT021.GIF,PHOT059.GIF,PHOT065.GIF,PHOT063.GIF">
<param name="randomEffect" value="true">
<param name="time" value="4000">
<param name="titles" value="Mountain,Mt. Fuji,Rose,Helicopter,The ocean,Rainbow">
<param name="fontSize" value="20">
<param name="fontColor" value=""ffff00">
<param name="fontShadowColor" value="000000">
<param name="fontBackColor" value="404080">
</applet>
なお、タイトル分の表示位置は、それぞれのタイトル文の後ろに「|(半角です)」で区切って下
の表で示した「記号」を入れて下さい。
例 小鳥1|se,小鳥2|sw,