サンプル1 (横パノラマ例)
サンプル2 (縦パノラマ例)

パノラマモードは、縦長、横長画像の表示に有効的です。パノラマモードは『横スクロールのみの横パノラマモード』『縦スクロールのみの縦パノラマモード』の2種類を選択できます。

左のサンプルはそれぞれFlash表示枠が320x200pxとなっています。

 

定義ファイル(xml)例

パノラマ画像
パノラマ画像

横パノラマ画像、縦パノラマ画像共に、表示枠より大きいサイズのものです。Flash表示枠320x200pxに対して面積比3倍の画像を用意しています。

  • 横パノラマ画像 960x200px
  • 縦パノラマ画像 320x600px
 
サンプル1 config.xml (横パノラマ例)
zoom1.jpg
image_panorama/zoom1.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>

    <zoom_url>image_panorama/zoom1.jpg</zoom_url>

<!-- 横パノラマ指定 -->
    <view_mode>1</view_mode>

</common>
</pagedata>
サンプル2 config.xml (縦パノラマ例)
zoom2.jpg
image_panorama/zoom2.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>

    <zoom_url>image_panorama/zoom2.jpg</zoom_url>

<!-- 縦パノラマ指定 -->
    <view_mode>2</view_mode>

</common>
</pagedata>

easyFZE関数での組み込み例

easyFZE関数の12番目の引数が『表示モード:view_mode』となります。

 
<script type="text/javascript">
<!--
easyFZE('../misfze.swf','image_panorama/preview1.jpg',320,200,'#ffffff',2,6,'image_panorama/zoom1.jpg','','',3,1);
//-->
</script>