オープンソースコラム


2008/11/13 22:55Update

flShow - フリーFlashスライドショー

TAGS: flShow | Flash | スライドショー | 写真

スポンサード リンク


flShowは、写真や画像などをかっこう良く表示するためのFlashベースのスライドショーです。個人用であれば無料で利用可能です。
※商用の場合、購入が必要です。

使い方


1、ファイルダウンロード&解凍・配布 
  ※Carousel.swf&swfobject.jsを適当な場所に配置してください
2、HTMLコード
2.1 <head>~</head>に次のように記述します
<script type="text/javascript" src="swfobject.js"></script>


2.2 スライドショーで写真を表示したいところで、次のように書きます。
<div class="container">
  <div id="mySlideShowDiv">スライドショーの配置場所</div>
</div>
<script type="text/javascript">
  swfobject.embedSWF("yourpath/Carousel.swf",  // Carousel.swfのパスを合わせて修正する必要があります
    "mySlideShowDiv",   // 配置場所の要素のid
    "750", "500",  // 横幅、縦幅
    "9.0.0",       // Flashのバージョン
    false,         // 自動インストール 
    {xmlfile:"default.xml", loaderColor:"#0000FF"},  // オプション
    {bgcolor: "#CCCCCC"},  // parameter
    {});                   // attributes
</script>


3、HTMLと同じ配置場所にdefault.xmlを作成し、写真のパスを追加します
例:
<slide_show>
  <photo>images/home.jpg</photo>
  <photo>../path/pic.png</photo>
  <photo href="http://www.flshow.net/" target="_top">flower.jpg</photo>
</slide_show>




参考資料


flShow Carouselの使い方「英語」
flShow Carousel ダウンロード

Sponsored Link