AnvSoft

FlashスライドショーとFLV動画プレイリストをホームページに挿入

スライドショーをホームページに挿入

魅力的なスライドショーを自分のホームページに挿入して、ホームページを生き生きすることができて、い人目に立つでしょう。下記は、Photo Flash Maker で作ったスライドショーをホームページに挿入する方法です。Photo Flash Maker のFlashテンプレートは基本モードと高級モードの二つの種類があります。コードも少し違いがあります。

基本モードは単一のFlash動画(.SWF形式)を作成しますが、高級モードはXMLファイルにより、画像のスライド、サムネールとバックグラウンド・ミュージックを読み込んで、スライドショーの形式で再生します。

以下は例です。このフォルダに、myalbumフォルダ、flowerフォルダとslideshow.htmlがあります。slideshow.html はFlashスライドショーを表示するため、新規作成の HTML ファイルです。HTML ファイルは メモ帳、Microsoft Word、DreamWeaver などで開いて編集できます。

Photo Flash Maker の例

基本モードで作ったスライドショー

myalbumフォルダには、Photo Flash Maker の基本モードで出力したスライドショーのファイルがあります。myalbum.html は出力HTMLファイル名で、myalbum.swf は出力Flashファイル名です。

Photo Flash Maker の基本モード

myalbum.htmlはメモ帳、Microsoft Word、DreamWeaver などで開いてください。開いた後、<object> と </object> の中のソースコードを slideshow.html にコピーしてください。slideshow.html と myalbum.swf のディレクトリによって、Value と src は下記の黒字の部分に変更する必要があります。

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="640" height="480" id="tech" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="myalbum/myalbum.swf" />
<param name="quality" value="high" />
<embed src="myalbum/myalbum.swf" quality="high" width="640" height="480" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

  • width は幅で、heightは高さです。数値は自由に設定ですが、幅と幅、高さと高さは同じ数値に設定してください。
  • value と src の値はディレクトリに応じて、設定する必要があります。
  • ディレクトリを変更したら、従って、value と src の値も変更する必要があります。

高級モードで作ったスライドショー

flowerフォルダには、Photo Flash Maker の高級モードで出力したスライドショーのファイルがあります。resフォルダ、slidesフォルダ、thumbsフォルダ、flower.html(出力HTMLファイル名)、fs_aux.html(プレビュー用htmlファイル)、flower.swf(出力Flashファイル名)、slides.xml(出力XMLファイル名)などがあります。res、slides、thumbsなどのフォルダの名前を変更しないでください。flower.html をメモ帳、Microsoft Word、DreamWeaver などで開いてください。開いた後、<object> と </object> の中のソースコードを slideshow.html にコピーしてください。 slideshow.html と flower.swf のディレクトリによって、Value と src は下記の黒字の部分に変更する必要があります。

Photo Flash Maker の高級モード

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="480" height="400" id="tech" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flower/flower.swf?xml_path=flower/slides.xml" />
<param name="quality" value="high" />
<param name="_flashcreator" value="http://www.photo-flash-maker.com"/>
<param name="_flashhost" value="http://www.go2album.com"/>
<embed src="flower/flower.swf?xml_path=flower/slides.xml" quality="high" width="480" height="400" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

  • ソースコードと基本モードの違いはXMLファイルを読み込む必要があります。ですが、XMLファイルのパスを指定する必要があります。同じスライドショーの全てファイルは同じフォルダに置くのはおすすめです。