サンプル1 (大きいナビゲーション例)
サンプル2 (半透明ナビゲーション例)

ナビゲーションの『表示サイズ、表示位置、色、登場方法』等を変更することができます。

ナビゲーションをカスタマイズする為の関連パラメータはリファレンスマニュアル:ナビゲーション系パラメータにて確認して下さい。ここでは実際の定義ファイル例のみを紹介します。

定義ファイル不要のeasyFZE関数は『ナビゲーションカスタマイズ機能非対応』です。

 

定義ファイル(xml)例

ナビゲーション画像
ナビゲーション画像

ここで紹介しているサンプルは左のナビゲーション画像(navi.jpg 160 x 100)を別途用意しています。 ナビゲーション画像がイラスト風になっています。

 
サンプル1 config.xml (大きいナビゲーション例)
zoom.jpg
image_easy/zoom.
navi.jpg
image_easy/navi.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>

<!-- ズーム画像指定 -->
    <zoom_url>image_easy/zoom.jpg</zoom_url>

<!-- ナビゲーション画像指定(160x100pxのイラスト調画像) -->
    <navi_url>image_easy/navi.jpg</navi_url>

<!-- ナビゲーション表示 -->
    <navi_mode>1</navi_mode>

<!-- ナビゲーションエフェクト指定 -->
    <navi_effect>115</navi_effect>
    <navi_time>6</navi_time>

<!-- ナビゲーション座標指定 左上表示となる -->
    <navi_x>160</navi_x>
    <navi_y>0</navi_y>

<!-- ナビゲーションサイズ指定 160x100px -->
    <navi_width>160</navi_width>
    <navi_height>100</navi_height>

<!-- ナビゲーション余白 -->
    <navi_padding>5</navi_padding>

<!-- ナビゲーション余白色 -->
    <navi_padding_color>0x0099ff</navi_padding_color>

<!-- ナビゲーションボックス境界線色 -->
    <navi_box_border_color>0x0099ff</navi_box_border_color>

<!-- ナビゲーションボックス色 -->
    <navi_box_color>0xff9900</navi_box_color>

<!-- ナビゲーションボックス透過度 -->
    <navi_box_alpha>25</navi_box_alpha>

</common>
</pagedata>
サンプル2 config.xml (半透明ナビゲーション例)
zoom.jpg
image_easy/zoom.
navi.jpg
image_easy/navi.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>

<!-- ズーム画像指定 -->
    <zoom_url>image_easy/zoom.jpg</zoom_url>

<!-- ナビゲーション画像指定(160x100pxのイラスト調画像) -->
    <navi_url>image_easy/navi.jpg</navi_url>

<!-- ナビゲーション表示 -->
    <navi_mode>1</navi_mode>

<!-- ナビゲーションエフェクト指定 -->
    <navi_effect>200</navi_effect>
    <navi_time>6</navi_time>
    <navi_fade>2</navi_fade>

<!-- ナビゲーション座標指定  中央部で表示-->
    <navi_x>80</navi_x>
    <navi_y>50</navi_y>

<!-- ナビゲーションサイズ指定 160x100px -->
    <navi_width>160</navi_width>
    <navi_height>100</navi_height>

<!-- ナビゲーション余白 -->
    <navi_padding>2</navi_padding>

<!-- ナビゲーション余白色 -->
    <navi_padding_color>0xffffff</navi_padding_color>

<!-- ナビゲーション透過度 -->
    <navi_alpha>40</navi_alpha>

<!-- ナビゲーションボックス境界線色 -->
    <navi_box_border_color>0x000000</navi_box_border_color>

</common>
</pagedata>

リファレンスマニュアル:ナビゲーション系パラメータには各パラメータの詳細が記載されています。