解説/基礎編のバックアップ(No.4) - theater.js

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

※このページは書きかけです

解説/基礎編
- Webページへの組み込み
- 画像切り替え効果
  - 設定方法/IEのfilter使用

解説/基礎編 †

申し訳ありませんが、以降の解説はJavaScriptやHTMLの知識がある程度必要になります。
また、すこし説明が粗くなりますがご容赦ください。(作者の都合で更新があまりできず、このままだといつまでたっても終わらないので。。。)

Webページへの組み込み †

script読み込み

画像切り替え効果 †

画像切り替え時に効果をつけることができます。
効果は大きく分けて以下の２種類があります。
- IEのfilterを利用したもの。
- script.aculo.usのEffectを利用したもの。

設定方法/IEのfilter使用 †

シナリオ関数内のactメソッドか、Theaterクラスのインスタンス生成時の引数にfilterプロパティを指定します。

new Theater({
  filter: 1,
  scenario:{
    function(){
      this.act({
        img: "img/sample0.gif",
        msg: "ようこそ"
      });
    },
    function(){
      this.act({
        img: "img/sample1.gif",
        msg: "インスタンス生成時の画像切り替え効果指定です。"
      });
    },
    function(){
      this.act({
        img: "img/sample2.gif",
        msg: "ようこそ",
        filter: ""
      });
    }
  }
}

※このページは書きかけです