中川さんのイメージチェンジャーの簡単な解説です(その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>
nw n ne
c
sw s se

なお、タイトル分の表示位置は、それぞれのタイトル文の後ろに「|(半角です)」で区切って下
の表で示した「記号」を入れて下さい。
   例 小鳥1|se,小鳥2|sw, 

これで文字の画像ない表示は終わり

その1へ

その2へ

その4へ

その5へ

スペシャルへ

その6へ
その7へ