Flashのスライドショーについてご教授ください

質問

Flashで困っています！わかる方ご教授お願いします。

タイムラインでスライドショー程度しか作ったことがないFlashど素人なんですが、需要があって四苦八苦しています。

内容はこちら↓
・写真5枚、写真と連動したテキストのスライドショー（横または縦の動き）
・「次へ」などのボタンは不要
・最後にstop();またはループ
・写真は季節ごとに差し替えの更新があるので外部から読み込める仕様
・お客様でも写真を差し替えれば可能な状態

アクションスクリプトじゃなきゃできないのか、タイムラインだけで大丈夫なのか、部分的にスクリプトを書けば可能なのかお教えいただけませんでしょうか。

それか、今さらFlash？っていう人もいるかと思います。
jQueryとかでも実装が可能でしたらご教授いただければと思います。

お手数おかけしてすみませんが、よろしくお願いします。

回答No.3

tsuka115

>・写真5枚、写真と連動したテキストのスライドショー（横または縦の動き）
>・「次へ」などのボタンは不要
>・最後にstop();またはループ
>・写真は季節ごとに差し替えの更新があるので外部から読み込める仕様
>・お客様でも写真を差し替えれば可能な状態
>
>アクションスクリプトじゃなきゃできないのか、
>タイムラインだけで大丈夫なのか、
>部分的にスクリプトを書けば可能なのかお教えいただけませんでしょうか。

普通ならスクリプトで作った方が簡単ですし、再利用や更新性などが良いですね。
外部XMLで画像URLや表示するテキストを指定して、更新は外部ＸＭＬだけです。
外部ＸＭＬでは、画像切り替え時間、切り替え効果、文字の色やサイズなど
必要に応じて設定できます。

参考）
http://area115.com/fparts/parts/cs3/image_301/index.html

>jQueryとかでも実装が可能でしたらご教授いただければと思います。

３Ｄとか文字の複雑な動きとか変形とかが無ければ、JQuery、Javascriptとかで作れます。
注意点は、ムービーを作る際にタイマーなどを使うと、ブラウザによって処理速度が違う
場合があります。

参考）正月にJquery＆Javascriptで作った習作です。画像はいっさい使用してません。
http://webfpc.com/2012/index.html

回答No.2

BlurFiltan

お持ちの Flash のバージョンや
ActionScript のバージョンなどを一切書かれていらっしゃらないので返答に困ります。

バージョンがわからないのでで以下は大まかな方法案です。

まずダミーの写真をスライドショーで使う分だけ用意します。

そのダミーの写真をステージ上に読み込んで
１枚ずつ別々のムービークリップに変換します。
(ボタンやグラフィックシンボルへの変換はダメです。)

このとき，
ムービークリップに変換する時に基準点に注意して
写真の左上のコーナーに基準点(＋印)が来るように設定してムービークリップに変換します。
もし
シンボルに変換するときに基準点を選べないバージョンの場合は
一旦写真をムービークリップに変換してから
そのムービークリップ内の編集に入り
ムービークリップの＋印の位置に中身の写真の左上コーナーが来るように写真の位置を変更します。

それらムービークリップに別々のインスタンス名を付けます。
例えば
写真が５枚でしたら
ムービークリップも５つできるはずですから
それら５つのムービークリップに
「photo_mc0」「photo_mc1」「photo_mc2」「photo_mc3」「photo_mc4」
という名でも付けます(あくまでも例えばです)。

それでそれらムービークリップを
メインのタイムラインを使って
適当に好きなようにスライドショーを作ります。

これで，
外部画像を読み込まない普通のムービークリップのスライドショーができます。

FLAを保存したり，SWFをパブリッシュしてその出来などを確かめます。

そして，
その作成したスライドショーの写真入りムービークリップ内から
全ての写真を削除します。

それで，
例えばムービークリップ「photo_mc0」が登場するフレームのメインタイムラインのキーフレームに
「photo_mc0」に外部写真をロードするスクリプトを書きます。

書くスクリプトはバージョンによって変わります。

ActionScript 1.0 や 2.0 でしたら
loadMovie や MovieClipLoader.load などでできると思います。
ActionScript 3.0 でしたら
とりあえずは Loader と URLReqest インスタンスでも作成し
Loader 内に URLReqest で指定したファイルをロードして
「photo_mc0」内に Loader を addChild すればできると思います。

本当は画像のロード完了を待ってから
スライドショーを次の段階に進めるなどの処理をした方が無難ですが
最近は回線も早いので
よっぽど写真の容量が大きくない限り
上みたいな感じで単にロードするだけでおそらくちゃんと表示できると思います。

> ・最後にstop();またはループ

これを切り替えるのでしたら
メインのタイムライン を使ったアニメーションの場合 HTML 側で指示できるでしょう。
このお客さんの方でHTMLタグを切り替もらう方法が最も簡単だと思います。

Flash 側としては
最終フレームに stop() を書かないようにしておいて
object タグで貼り付ける場合でしたら
<param name="loop" value="false" />
などを付け加えるとか
embed タグの場合でしたら
loop="false"
を付け加えるとかすれば
ループ再生しなくなります。

ループさせたいのでしたら
上の値を true にするとか
記入自体を無くすとループ再生するようになります。

＝＝＝全く別案＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

質問者さんの儲けにはなりませんが
複雑なスライドショーを簡単に作ってしまうソフトも出ています。

そのソフトをお客さんに教えてあげて
写真の差し替えやスライドショーのさせ方など
すべてお客さんに任せるのも１つの方法かもしれません。

「Photo Flash Maker -- スライドショー作成、Flash スライドショー、フリーアルバムで共有」
http://www.photo-flash-maker.com/jpn/
↑体験版はフリーですが最後に Photo Flash Maker のロゴが出ます。

お礼

本当にありがとうございます！！

現在、プロデューサーと提案内容について検討している部分なのですが、現在jQueryも視野に入れてやろうと検討していますが、素人なのでバージョンまで考えていませんでした。。

使用するadobeはCS5でアクションスクリプト3でやろうと考えています。

＞とりあえずは Loader と URLReqest インスタンスでも作成し
Loader 内に URLReqest で指定したファイルをロードして
「photo_mc0」内に Loader を addChild すればできると思います。

→この部分がちょっとわからなかったのですが、ネットで検索すればでてきますか？すみません。

画像ファイルは520px × 330pxぐらいのサイズなので大きくないかなと思います。

再度お手数ですが、ご教授頂ければと思います。
宜しくお願い致します。

回答No.1

tomo6333

・写真5枚、写真と連動したテキストのスライドショー（横または縦の動き）
・「次へ」などのボタンは不要
・最後にstop();またはループ

ここまでであればタイムラインだけで可能かと思います。ご利用のFlashのバージョンが不明なので最新のFlashなら可能かどうか判断が付きませんが
※最後止める場合は、最後のフレームにstop();は書かないとダメです。

・写真は季節ごとに差し替えの更新があるので外部から読み込める仕様
・お客様でも写真を差し替えれば可能な状態
この2項目に関しては、外部ファイルを読み込ませるので部分的（ムービークリップ）にScriptを書かないとダメかなと
写真の枚数やサイズによると思いますが、読み込みさせてからスタートとか、色々考えることがあると思うのでけっこう大変かも知れません。

>それか、今さらFlash？っていう人もいるかと思います。
>jQueryとかでも実装が可能でしたらご教授いただければと思います。

jQuery、ajaxなどの新しい技術で可能かも知れませんのでそちらを検討したほうがいいかも知れません。
ここらへんの知識に関しては私の方も不足しているので、具体的にご提示できないのが心苦しいのですが・・・