画像ファイル、FBE本体、定義ファイル、HTMLファイル、全てのファイルが同一フォルダに設置されている場合はファイルの格納場所を意識した定義を行う必要はありません。

しかし、それぞれのファイル格納場所が異なる場合、定義ファイルやopenFBE関数に指定するファイルの格納場所を意識する必要があります。


ポイントはHTMLファイルの存在するフォルダを基準にファイル位置を相対指定するという点です。


ここでは具体的な定義例を上げて、openFBE関数や定義ファイルの適切な設定方法をご紹介します。



FBE本体、画像ファイル、定義ファイルの構成

全てのファイルが同一フォルダに存在する場合は、特にファイル格納場所を意識した定義を行う必要ありません。

ファイル構成定義ファイル例
Flash Button Engine 本体misfbe.swf(FBE本体)
HTMLファイル???.html(HTMLファイル)
画像ファイルbtn_normal.jpg
画像ファイルbtn_rollover.jpg
画像ファイルbtn_click.jpg
定義ファイルconfig.xml(定義ファイル)
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>

<common>

    <copyright>elz.jp</copyright>

    <col_max>2</col_max>
    <row_max>2</row_max>

    <button_normal>btn_normal.jpg</button_normal>
    <button_over>btn_rollover.jpg</button_over>
    <button_click>btn_click.jpg</button_click>

    <over_effect>2</over_effect>
    <over_time>5</over_time>

    <click_effect>2</click_effect>
    <click_time>5</click_time>

</common>

</pagedata>

openFBE関数(JavaScript)での組み込み例

定義ファイル名がconfig.xmlの場合
<script type="text/javascript">
<!--
openFBE('misfbe.swf','???.jpg',???,???,'config.xml','#ffffff');
//-->
</script>
<noscript>
<div>
<img src="???.jpg" width="???" height="???" alt="փC[W">
</div>
</noscript>

定義ファイル名が任意の場合
<script type="text/javascript">
<!--
openFBE('misfbe.swf','???.jpg',???,???,'Cӂ̃t@C.xml','#ffffff');
//-->
</script>
<noscript>
<div>
<img src="???.jpg" width="???" height="???" alt="փC[W">
</div>
</noscript>

openFBE関数は「定義ファイル名」の5番目の引数で任意の定義ファイルを指定可能です。