ボタン別に異なるフィルタ効果を適用する方法をご紹介します。

サンプルは『フェードイン』(effect_type:2)で作成されたボタンそれぞれに異なるフィルタ効果(プラグイン)を適用しています。別記簡単なフィルタ効果利用方法はcommonセクション中にフィルタプラグイン定義を行ないましたが、当サンプルではexpertセクションに個々のフィルタプラグイン情報を指定する必要があります。

定義例

e002_normal.jpg
image_easy/e002_normal.
e002_rollover.jpg
image_easy/e002_rollover.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>

<common>

    <copyright>elz.jp</copyright>

<!-- 3x2のボタン定義 -->
    <col_max>3</col_max>
    <row_max>2</row_max>

<!-- ボタン画像指定 -->
    <button_normal>image_easy/e002_normal.jpg</button_normal>
    <button_over>image_easy/e002_rollover.jpg</button_over>

<!-- エフェクト指定 2(フェードイン) -->
    <over_effect>2</over_effect>
    <over_time>6</over_time>

<!-- 初期表示エフェクト指定 -->
    <init_effect>2</init_effect>
    <init_time>3</init_time>

<!-- スコープ指定 -->
    <scope>0</scope>

<!-- 余白指定 -->
    <padding>20</padding>
    <padding_top>45</padding_top>
    <padding_bottom>35</padding_bottom>
    <padding_left>75</padding_left>
    <padding_right>75</padding_right>

</common>

<expert>

    <button>
        <over_plugin>../plugin/filter_box2t.swf</over_plugin>
    </button>

    <button>
        <over_plugin>../plugin/filter_circle2bl.swf?color=990000</over_plugin>
    </button>

    <button>
        <over_plugin>../plugin/filter_fade1a.swf?color=cc3399</over_plugin>
    </button>

    <button>
        <over_plugin>../plugin/filter_line2bl.swf</over_plugin>
    </button>

    <button>
        <over_plugin>../plugin/filter_box2br.swf?color=66cc00</over_plugin>
    </button>

    <button>
        <over_plugin>../plugin/filter_circle1t.swf?color=0099ff</over_plugin>
    </button>

</expert>

</pagedata>

フィルタプラグインへのカラー指定

フィルタプラグインは引数(QueryString)を指定することで色を変更することができます。フィルタプラグインにcolorパラメータを16進数で指定します。

  • color=0000ffとした場合、フィルタは青になります。
  • color=ff0000とした場合、フィルタは赤になります。
filter_???.swf?color=xxxxxx