No4 1k8sHP→applets_effec/applets_sample of ibm/FlyImage/flyimage.html
近所で撮影したお花
下の画像が表示されない場合はWindows 版 Java をダウンロードしてください。

無料Javaのダウンロード

操作方法
●真ん中のボールをクリックするとサムネイル画像が飛び出し、マウスをクリックすると画面が停止し、マウスのスライド操作で動きが変化します。(左下の地球アイコンをクリックすると真ん中にボールがある)
●「マウスクリック」で動きが止まり、サムネイル画像をダブルクリックするとオリジナル画像が表示されます。
このサンプルはIBMホームページビルダーに付いているサンプル素材の Java アプレットの「FlyImage」です。(画像は当方で準備)
  • 一画面に 20枚の画像が表示されるので、見栄えのするページにするには最低でも 10枚以上の画像を用意するのが良いでしょう。画像フォーマットは GIF か JPEG でなければなりません。

  • 画像は、表示が遅くならないように 120×90 ピクセル程度のサイズにすることをおすすめします。また、その程度の大きさの画像が一番美しく表示できるように設計されています。


属性 アップレット 同左 主な項目を記載
アップレット
コード FlyImage.class
コードベース FlyImage/
サイズ 幅 640
サイズ 高さ 512



属性 パラメータ 同左 主な項目を記載
名前 値(今回)
wait 30 同左
type -1 同左
thumbnail0000 th_photo005.jpg s-ohana001.jpg
original0000 photo005.jpg ohana001.jpg
thumbnail0001 th_photo008.jpg s-ohana002.jpg
original0001 photo008.jpg ohana002.jpg
thumbnail0002 th_photo012.jpg s-ohana003.jpg
original0002 photo012.jpg ohana003.jpg
thumbnail0003 th_photo013.jpg s-ohana004.jpg
original0003 photo013.jpg ohana004.jpg
thumbnail0004 th_photo014.jpg s-ohana005.jpg
original0004 photo014.jpg ohana005.jpg
thumbnail0005 th_photo017.jpg s-ohana006.jpg
original0005 photo017.jpg ohana006.jpg
thumbnail0006 th_photo019.jpg s-ohana007.jpg
original0006 photo019.jpg ohana007.jpg
thumbnail0007 th_photo032.jpg s-ohana008.jpg
original0007 photo032.jpg ohana008.jpg
thumbnail0008 th_photo034.jpg s-ohana009.jpg
original0008 photo034.jpg ohana009.jpg
thumbnail0009 th_photo041.jpg s-ohana010.jpg
original0009 photo041.jpg ohana010.jpg
このサンプルを利用してわかった事項

1.パラメータの値を変更して正常動作するか?→正常動作した。
変更箇所
・オリジナル画像(ohana001.jpg 〜ohana010.jpg) ---サイズは600x450または640X450ピクセル
・thumbnail画像(s-ohana001.jpg 〜s-ohana010.jpg) ---サイズは150x112ピクセル

☆フリーソフトの縮小専用で「オリジナル画像」より「thumbnail画像」を作成した。

2.thumbnail画像(s-ohanaXXX.jpg)は画面に表示されるサムネイル画像です。サイズを大きくすると見栄えがよくない。

3.オリジナル画像(ohanaXXX.jpg)を静止させてダブルクリックすると新しいページが表示される。

4.用途として展示会等のデモに「この動きを掲載すると役立つ」と思われます。(オ−トの動き)

------------------------------------------------

inserted by FC2 system