>ホーム [1] >KeyNavi [3] >写真なび サイト情報 資料請求・お問合せ
     ホーム [1]       新着情報 [2]       KeyNavi [3]       技術紹介 [4]       FAQ [5]       サイトマップ [6]     
   

写真なび

− 複数のレイヤーをフェードさせながら紙芝居のように見せる
→ KeyNaviトップ[3]
KeyNavi使い方 [Shift-A]
KeyNavi対応方法 [Shift-B]
イントラネットでの活用
    [Shift-C]
Zopeでの活用 [Shift-D]
写真なび
サンプルコード [Shift-F]
フルスクリーン版 [Shift-G]
  関連リンク

KeyNavi API リファレンス [Shift-H]
KeyNavi.Netで提供される定数・関数を説明。 KeyNaviのカスタマイズやクロスブラウザのJavaScript開発で参照。
  「写真なび」更新情報

2003/12/14
Ver1.03：一時停止後にフェードが効かないバグを修正
2003/12/08
Ver1.02：無限回タイマー実行のバグを修正。
2003/11/29
Ver1.01：ページがスクロール中の場合はアニメーションを 止めるようにした。レイヤーがスクロールアウトしたときも同様。
2003/11/23
Ver1.0：フェード版実装
  その他新着情報一覧 [2]

  写真を半透明処理して紙芝居表示


Ｑちゃんを追え

走れＱちゃん

丸ビルの不思議なもの

こいつは空を飛ぶらしい

チョロＱ公道へ？！

 
 
■ フェードさせながら紙芝居表示
写真を含んだ複数毎のレイヤーを用意します。 レイヤーの重ね順を変更し 右のような写真(レイヤー)アニメーションを実現します。

ブラウザが半透明処理に対応(WinIE,NS6+,Mozilla) していれば 重ね順変更時に透明度を連続変化させフェードさせます。

■ 動作をコントロール
【制御用関数：上のアニメーションを見ながら実行！】
名前 機能説明 試す
fl_ez_play() 再生 実行 [Shift-I]
fl_ez_stop() 停止 実行 [Shift-J]
fl_ez_prev() 前 実行 [Shift-K]
fl_ez_next() 次 実行 [Shift-L]
fl_ez_rewind() 巻戻し 実行 [Shift-M]
fl_ez_last() 最後へ 実行 [Shift-O]
fl_ez_go(n) フレーム「n」へ (n=1) [Shift-Q]
(n=2) [Shift-R]
fl_ez_timescale(n) 時間間隔を「n」倍 (n=0.5) [Shift-S]
(n=2.0) [Shift-T]

上のアニメーションを見ながら関数を実行してみてください。 動作をコントロールできます。

対応方法については 写真なび：サンプルコード [Shift-F]参照。


 上位ページ[Shift-U] 先頭へ [W or O] 
    ■ 括弧内のショートカットで移動できます。その他機能は右の表をご覧ください。 ■

サンプルコード [Shift-F] | フルスクリーン版 [Shift-G]

KeyNavi使い方 [Shift-A] | KeyNavi対応方法 [Shift-B]
イントラネットでの活用 [Shift-C] | Zopeでの活用 [Shift-D] | 写真なび

次のページ[Shift-N] 
 前のページ[Shift-P]