横1列に配置された3枚の画像(320x200px)がマウスロールオーバーイベントに連動してズームインするフラッシュナビゲーションです。

サンプルで利用している画像ファイル

定義例

fe_splash_normal003.jpg
image_overlay/fe_splash_normal003.
fe_splash_rollover003.jpg
image_overlay/fe_splash_rollover003.
p320x200_003.jpg
image_overlay/p320x200_003.
p320x200_002.jpg
image_overlay/p320x200_002.
p320x200_001.jpg
image_overlay/p320x200_001.
logo_fze1.jpg
image_overlay/logo_fze1.
logo_fze2.jpg
image_overlay/logo_fze2.
logo_fbe1.jpg
image_overlay/logo_fbe1.
logo_fbe2.jpg
image_overlay/logo_fbe2.
logo_fpe1.jpg
image_overlay/logo_fpe1.
logo_fpe2.jpg
image_overlay/logo_fpe2.
logo_fes1.jpg
image_overlay/logo_fes1.
logo_fes2.jpg
image_overlay/logo_fes2.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>

<!-- コモンセクション設定 -->
<common>

    <copyright>elz.jp</copyright>
    <banner_align>4</banner_align>

    <!-- ボタン個別定義モード宣言 -->
    <button_mode>1</button_mode>

    <!-- ボタン画像指定 -->
    <button_normal>image_overlay/fe_splash_normal003.jpg</button_normal>
    <button_over>image_overlay/fe_splash_rollover003.jpg</button_over>

    <!-- エフェクト指定 -->
    <over_effect>1</over_effect>
    <over_time>6</over_time>
    <over_plugin>../plugin/mask_box2bl.swf</over_plugin> 

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

    <!-- 初期アクション指定 -->
    <init_action>init</init_action>

    <!-- ボタン画像表示位置指定 -->
    <align_mode>1</align_mode>

</common>


<!-- エキスパートセクション設定 -->
<expert>

    <!-- ボタン1定義 -->
    <button x="10" y="260" w="200" h="120">
        <!-- ロールオーバー時のアクション指定 -->
        <over_action>act1</over_action>
    </button>

    <!-- ボタン2定義 -->
    <button x="220" y="260" w="200" h="120">
        <!-- ロールオーバー時のアクション指定 -->
        <over_action>act2</over_action>
    </button>

    <!-- ボタン3定義 -->
    <button x="430" y="260" w="200" h="120">
        <!-- ロールオーバー時のアクション指定 -->
        <over_action>act3</over_action>
    </button>

</expert>


<!-- アクションセクション設定 (画像とエフェクトの関連付け)-->
<action>
    <event group="init"  target="base1"      effect_type="in_base,fe_none"    effect_time="30,1" />
    <event group="init"  target="img_fze"    effect_type="in_init,fe_none"    effect_time="12,1" />
    <event group="init"  target="img_fbe"    effect_type="in_init,fe_none"    effect_time="18,1" />
    <event group="init"  target="img_fpe"    effect_type="in_init,fe_none"    effect_time="24,1" />
    <event group="init"  target="logo_fes1"  effect_type="in_logo,out_logo"   effect_time="9" />
    <event group="init"  target="logo_fes2"  effect_type="in_logo2,out_logo2" effect_time="6" />

    <event group="act1"  target="img_fze"    effect_type="in_zoom,out_fze"    effect_time="6" />
    <event group="act1"  target="logo_fze1"  effect_type="in_logo,out_logo"   effect_time="9" />
    <event group="act1"  target="logo_fze2"  effect_type="in_logo2,out_logo2" effect_time="6" />

    <event group="act2"  target="img_fbe"    effect_type="in_zoom,out_fbe"    effect_time="6" />
    <event group="act2"  target="logo_fbe1"  effect_type="in_logo,out_logo"   effect_time="9" />
    <event group="act2"  target="logo_fbe2"  effect_type="in_logo2,out_logo2" effect_time="6" />

    <event group="act3"  target="img_fpe"    effect_type="in_zoom,out_fpe"    effect_time="6" />
    <event group="act3"  target="logo_fpe1"  effect_type="in_logo,out_logo"   effect_time="9" />
    <event group="act3"  target="logo_fpe2"  effect_type="in_logo2,out_logo2" effect_time="6" />
</action>


<!-- オーバーレイセクション設定 (画像登録)-->
<overlay>
    <base id="base1" scope="1" x="0" y="0" width="640" height="250">

        <img id="img_fze"    x="100" y="125" base_mode="5" src="image_overlay/p320x200_003.jpg" />
        <img id="img_fbe"    x="320" y="125" base_mode="5" src="image_overlay/p320x200_002.jpg" />
        <img id="img_fpe"    x="540" y="125" base_mode="5" src="image_overlay/p320x200_001.jpg" />

        <img id="logo_fze1" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fze1.jpg" />
        <img id="logo_fze2" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fze2.jpg" />

        <img id="logo_fbe1" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fbe1.jpg" />
        <img id="logo_fbe2" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fbe2.jpg" />

        <img id="logo_fpe1" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fpe1.jpg" />
        <img id="logo_fpe2" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fpe2.jpg" />

        <img id="logo_fes1" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fes1.jpg" />
        <img id="logo_fes2" base_mode="5" blend_mode="hardlight" src="image_overlay/logo_fes2.jpg" />

    </base>
</overlay>


<!-- エフェクトセクション設定 (カスタムエフェクト登録)-->
<effect>

    <!-- ロゴエフェクト(英字) -->
    <in_logo  layer="1" x="0,320"  y="12,55,250" alpha="201,100,0" xs="11,100,300" ys="11,100,300" />
    <out_logo layer="1"            y="22,-100"   alpha="101,0"     xs="11,50" ys="11,50" />

    <!-- ロゴエフェクト(カナ) -->
    <in_logo2  layer="1" x="0,320" y="12,80,250" alpha="201,100,0" xs="11,100,300" ys="11,100,300" />
    <out_logo2 layer="1"                         alpha="101,0"     xs="11,50" ys="11,50" />

    <!-- 初期エフェクト -->
    <in_init xs="11,50,0" ys="11,50,0" alpha="101,50,0" />

    <!-- スクロールエフェクト -->
    <in_zoom layer="1" x="12,320"  xs="11,100" ys="11,100" alpha="1,100" />
    <out_fze hide="0"  x="21,100"  xs="21,50" ys="21,50" alpha="1,50" />
    <out_fbe hide="0"  x="21,320"  xs="21,50" ys="21,50" alpha="1,50" />
    <out_fpe hide="0"  x="21,540"  xs="21,50" ys="21,50" alpha="1,50" />

    <!-- 土台(base)エフェクト -->
    <in_base y="12,0,400" />

</effect>

</pagedata>