Top理容人生 
contents項目top
翻訳Translation 		素人のホームページ作りTop
Welcome to a tennis life
  JavaアプレットFlyImageの作り方
 
 
カウンター　



ＪａｖａをWEB検索する。


　ホームページビルダー(HPB)に添付されている素材のJavaアプレット「FlyImage」は多様な動きをするお勧め素材ですが、以前に作ったものはカスタマイズも複雑でエラーが多くて厄介でした。
　今回HPB14にバージョンUPした機会に「FlyImage」を作り代えましたが、IBMのサポートでは画像ファイル名を「aaa_s.jpg」などに変更を奨める方法は、保存場所の「階層」など複雑になりますので、カスタマイズを最少限の「画像の置き換」だけの簡単な作り方をしました。それでもなお気をつけることが多くありその体験記です。
 公式IBMサポートIBM Java アプレットの「FlyImage」
ホームページを素人が作る方法１ 独断的アクセスアップ考 ホームページのアフェリエイト
ホームページを素人が作る方法２ ＤＶＤの種類 フォント＆顔文字
ホームページを素人が作る方法３ 理容人生一発検索 Logo看板
水彩画とＨＰ創作にはまった経緯 Facebookの使い方 ロゴ素材集
趣味人倶楽部「HPつくっている一覧表」 Facebookの使い方2 JavaアプレットFlyImageの作り方
ロゴ無料サービス 外部link    

 ①まずHPBの「ページ編集」画面メニューバー「表示」から「素材ビュー」をクリックすると
  • ビューの上半分に、素材のカテゴリ一覧が表示されます。
  • 一覧から「Java アプレット」を選択します。
    ビューの下半分にJava アプレットの一覧が表示されます。そのなかの一番上がFlyImageで、Ｗクリックするかドラッグしてページに挿入します。
 
②すると640×512サイズの「FlyImage.class」というファイルが表示されます。ここで必ず「上書き保存」をします。また常に「プレビュー」で確認する場合も「上書き保存」がなされていないとエラーになります。プレビューでは下のサンプル写真が回転しています。
  
 
 
③「上書き保存」すると「素材ファイルをコピーして保存」というダイアログボックスが現れるので「保存場所にｺﾋﾟｰする」□にチェックを入れて保存場所を確認して、その他の変更がなければ「保存」クリックで閉じます。これでページと素材がフォルダ「FlyImage」保存されてﾌﾟﾚﾋﾞｭｰ画面で元画像が正常に動作できます。ただし素材専用の画像なので自分の画像に変える必要がでてきます。当サイトはFlyImageを「アニマルゾーン」に使っているので動物の絵画や写真を入れ替えます。
  
 自分の画像の準備
20 枚の画像まで表示できます。最低でも10 枚以上の画像が望ましい。画像フォーマットはGIFかJPEG 。
 
④次に「HTMLソース」画面を開くと以下のようなサンプル
画像のアプレット.タグが表示されています。

<APPLET codebase="FlyImage" code="FlyImage" width="640" height="512" name="Screen">
<PARAM name="wait" value="30">
<PARAM name="images" value="10">
<PARAM name="thumbnail0000" value="th_photo008.jpg">
<PARAM name="original0000" value="photo008.jpg">
<PARAM name="thumbnail0001" value="th_photo032.jpg">
<PARAM name="original0001" value="photo032.jpg">
<PARAM name="thumbnail0002" value="th_photo013.jpg">
<PARAM name="original0002" value="photo013.jpg">
<PARAM name="thumbnail0003" value="th_photo005.jpg">
<PARAM name="original0003" value="photo005.jpg">
<PARAM name="thumbnail0004" value="th_photo019.jpg">
<PARAM name="original0004" value="photo019.jpg">
<PARAM name="thumbnail0005" value="th_photo014.jpg">
<PARAM name="original0005" value="photo014.jpg">
<PARAM name="thumbnail0006" value="th_photo041.jpg">
<PARAM name="original0006" value="photo041.jpg">
<PARAM name="thumbnail0007" value="th_photo034.jpg">
<PARAM name="original0007" value="photo034.jpg">
<PARAM name="thumbnail0008" value="th_photo012.jpg">
<PARAM name="original0008" value="photo012.jpg">
<PARAM name="thumbnail0009" value="th_photo017.jpg">
<PARAM name="original0009" value="photo017.jpg">
</APPLET>
 
⑤ソースの上から3行目の<PARAM name="images" value="10">からカスタマイズをします。数字の10は画像枚数を書いてください。
注V7〕 以前のバージョンではアプレットで表示される画像の枚数を設定する必要があります。

⑥4行目から23行目までが画像ファイルでサムネイル「th_photo008.jpg」と、拡大画像「photo008.jpg」それぞれ10枚分のタグで、ここだけの画像を入れ替えます。
「HPBサポートでは”aaa-s.jpg””aaa.jpg””bbb-s.jpg””bbb.jpg”のファイル名でサポートしていますが無視。
 
⑦もし10枚以上に増える場合はファイルタグの左thumbnail0000の４桁の0000数字を増加した分だけ付け足します。
 
⑧2枚の画像を足すとこのようサムネイル＆拡大2行づつ4行を増やして一行に2箇所づつ数字の変更します。
<PARAM name="thumbnail0011" value="th_photo017.jpg">
<PARAM name="original0011" value="photo017.jpg">
<PARAM name="thumbnail0012" value="th_photo018.jpg">
<PARAM name="original0012" value="photo018.jpg">

⑨一行の２箇所とは太字の数字部分です。
<PARAM name="thumbnail0011" value="th_photo017.jpg">

⑩0000が1枚目なので11枚目の追加分0009を0010にします。
 
⑪ファイルの017は④で示した既存の10枚以外の数字ファイルに変更します。例えば042や007です。
 
⑫サンプル画像「サムネイル＆拡大画像」20枚は削除します。その後に新たな画像「サムネイル＆拡大画像」20枚を作り、「HTMLソース」画面の④で表示されたサムネイルファイル名"th_photo008.jpg"＆拡大ファイル名"photo008.jpg"に全て付け換えます。
 
⑬付け替えた「サムネイル＆拡大画像」20個は元画像のあったフォルダ「FlyImage」に保存します。

⑭サムネイルのサイズ「124 x 94 ピクセル。5KB」
　拡大サイズ「640×512ピクセル。30KB」以内が望ましい。
⑮〔V7〕 以降のバージョンでは、FlyImageファイル上で右クリックメニュ「属性の変更」ダイアログの [パラメータ] タブに [type] で動きの初期値を設定することができます。
　　[0] ： 雲の動き
　　[1] ： 地球の動き
　　[それ以外] ： ランダム
　※省略値ではランダムに設定されています。
 
⑯文字一つでも変更すれば必ず「上書き保存」をしないとプレビューでエラーがでます。「プレビュー」で確認しながら進めていき、エラーがでれば戻って変更のやり直しです。

⑰「FTPツールの起動」してサーバー側にフォルダ「FlyImage」が存在すれば新しい画像の「ファイル転送」は不用です。サーバー側に「FlyImage」フォルダが存在しなければ「ファイル転送」します。
 
⑱この方法は「保存場所」「階層」「パラメータ」などの知識のいらない、シンプルなカスタマイズだといえます。
 もし表示されない場合は
 ①Web ブラウザのセキュリティレベルで Java が使用できるように設定されているか。
ネットワーク環境の保護やセキュリティの観点から、Web ブラウザの設定で Java の動作を制限している場合があります。パソコン端末、またはネットワークの管理者の方に Web ブラウザの設定についてご確認ください。
 ②
○Internet Explorer をご利用の場合、セキュリティレベルが [高] の場合は、[中] に変更してください。
Safari をご利用の場合、セキュリティ設定で [java Scriptを○有効にする] にチェックを入れてください。
 ③ 映像を見るにはジャバ仮想マシンが必要です。こちhttp://www.java.com/ja/download/を開いて 無料Javaのダウンロードするをクリックして下さい。
JVM 【Java Virtual Machine】（Java仮想マシン）がインストールされているかの確認は、

  • Internet Explorer 8、7、6：メニューバーから「ツール」→「インターネットオプション」→[詳細設定] に [Microsoft VM] や [Java (Sun)] など JVM に関する項目があるかどうか

  • Netscape 7、6：メニューバーから「ヘルプ」→「Plug-Inについて」に「Java Plug-in」の項目があるかどうか。
    コントロール パネルで確認する方法

    1. Windows の [スタート] ボタンをクリックし、表示されるメニューから (「設定」→)「コントロール パネル」を選択します。
    2. 「Java」または、「Java Plug-in」の項目があるかどうか
    3. Java の有無のチェック
 重要
バージョンが古くなると表示されなくなります。またセキュリテイが働いて認識できなくブロックされるので、常に最新バージョンをダウンロードしてインストールしてください。その場合は必ず古いソフトの「アンインストール」を事前に行う必要があります。
最新版のインストールを行うときに某セキュリテイソフトでスキャンを求める窓が表示されるが、取り消しボタンを押すと「インストールを取り消しますか」で「いいえ」を押して実行する。