ヤフーブログに向けに自動的に変わるフォトアルバムをフラッシュで作ってみました。
自分で作ったというより改造&機能追加なのですが。
手に入れた場所は・・・あれ!?どこかわからなくなっちゃいました。σ(^_^;)アセアセ...
作者の方にはこの場を借りて御礼申し上げます。ありがとうございました。
概要
指定されたフォルダにある指定された画像ファイルを表示します。
サイズ(560x420)が大きい場合、左上からまたは、右下から画像がスクロールします。
画像はランダム、シーケンシャルに表示する指定ができます。
表示時間、ディゾルブの速さ、スクロールするスピードなどの指定ができます。
タイトルなどを指定することができます。
画像を用意します。520x420以上の画像が適しています。
左上または右下の520x420のエリア最終的に見せる画像として作成します。
data0.txtの設定ファイルを自分の環境に合わせる設定をします。
詳細は環境設定の部分を参照してください。
FTPなどで使用しているサーバにアップロードします。
(私はジオシティのHPエリアにアップロードして使いました)
ヤフーブログに配置します。
[[embed(http://www.geocities.jp/mapleharts/flash/photoby560x420-0328.swf?url=http://www.geocities.jp/mapleharts/flash/,0,560,420)]]
このとき
http://www.geocities.jp/mapleharts/flash/photoby560x420-0328.swf
はフラッシュそのものを示しています。
?url=http://www.geocities.jp/mapleharts/flash/
はdata0.txtが存在するアドレスを指定します。
すなわち、私はジオシティのルートフォルダにflashというフォルダを作成し
そこにphotoby560x420-0328.swfとdata0.txtをアップロードしたのです。
そして、設定ファイルで指定されたflashフォルダの下にimagesフォルダを作成して、そこに画像ファイルをアップロードしたのでした。
ルートフォルダ
+--flash
+--photoby560x420-0328.swf
+--data0.txt
+--images
+---p01.jpg
+---p02.jpg
........
+---p20.jpg
こんな階層です。
環境設定
設定ファイル(data0.txt)は
&Title=Welcome! AnCoCo Room&
&Mes1=Photo By&
&Mes2=AnCocoMie&
&Mes3=@2008 extension-n43.com&
&PathName=http://www.geocities.jp/mapleharts/flash/images/&
&randam=2&
&DrawSec=7& // 表示時間
&StepCount=5& // ディゾルブの速さ
&Speed=10& // スクロールするスピード 大きいと遅い
&files=p01,p02,p03,p04,p05,p06,p07,p08,p09,p10,p11,p12,p13,p14,p15,p16,p17,p18,p19&
&yStep=1,0,1,0,0,1,1,0,0,1,0,0,1,1,1,1,1,1,1,0&
のような内容になっています。
1行目 Title = メインのタイトル名称を指定しています。
2行目 Mes1 = 画像が表示されたときに表示されている左側の大きなメッセージを指定しています。
3行目 Mes2 = メッセージの2の場所の文字を指定します。
4行目 Mes3 = メッセージの3の場所の文字を指定します。
5行目 PathName = 表示する画像が存在するURLを指定します。この設定を変えれば直ぐに違う画像に切り替えることができます。
6行目 randam = 0のとき番号順 1のときはランダムにリスト作成(一度スライドが最後まで行くと再度ランダムリストを作成)
7行目 DrawSec = 画像を表示している時間
8行目 StepCount = 透明から表示されるスピード
9行目 Speed = スクロールするスピード 大きいと遅い
10行目 files = 表示する画像の拡張子を除いたファイル名を指定します。
11行目 yStep = 0のとき左上の方向にスクロールします。1のとき右下にスクロールします。
自分のパソコンにて確認する場合
ダウンロードしたファイルをどこかに置いて、画像を用意しテストする場合
たとえば「マイ ドキュメント」にphotoby560x420-0328.swfとdata0.txtを置いたとして
マイドキュメントの下にimagesフォルダを作成し画像をおいた場合
data0.txtの設定項目の
&PathName=images/&
をこのように設定して
直接、photoby560x420-0328.swfを実行するとスライドショーが見れます。
その状態で作成していき、最後にアップロードしブログに貼り付けるといいかと思います。
ご不明な点があれば随時記事の内容を書き換えて行こうと思いますので
よければ質問などしてみてください。