フラッシュの画像ギャラリー(Redux)

| Category=Flex | Comment

「Flash で Image Gallery を作りたいけどコンパイルとか難しくて・・・」とお嘆きの貴兄へ、再掲

パッケージのダウンロード: temp.zip

  • demo.html = デモ用HTMLファイル
  • FGallery.xml = 画像データ設定用XMLファイル
  • FGallery.swf = フラッシュ本体
  • サンプル画像6枚と、そのサムネイル6枚

以上を含んでいます。XML ファイルは、現状次のような記述(タイトル、サムネイル名、画像名)

<?xml version="1.0" encoding="utf-8"?>
<gallery>
<image title="サクラ" thumbnailImage="sakura-th.jpg" fullImage="sakura.jpg" />
<image title="チューリップ" thumbnailImage="tulip-th.jpg" fullImage="tulip.jpg" />
<image title="アシビ" thumbnailImage="ashibi-th.jpg" fullImage="ashibi.jpg" />
</gallery>

画像を適宜入れ替え、上記のXML をエディタで書き換え、サーバーにアップロードします。
html タグは、以下のような感じで。上の例で表示領域は、幅480ピクセル、高さ320ピクセル。
※ミニマム幅300、高さ200。

<object data="FGallery.swf" type="application/x-shockwave-flash" width="480" height="320">
<param name="movie" value="FGallery.swf" />
<param name="quality" value="high" />
</object>

※この例では、サムネイルを50×50ピクセルにしています。
※「FGallery.xml」のファイル名は変えない。

いちからオリジナルで作りたい・・・という場合は、コチラを参照

« 雑感(2009.04)    Symphony No. 4 in E minor, Op. 98 »