topblog>2009.03.02 スライドショーに挑戦_その6

スライドショーに挑戦_その6

2009.03.02


代替コンテンツ例:JavaScriptを有効にし、最新のFlashPlayerをインストールお願いします Get Adobe Flash player


サムネイル表示を想定してスクリプトで複数個のボタンを配置練習をしてみた。
もっと効率良く配置するスクリプトがあるはずなんだけど、よくわからない。
サンプル(fla CS3形式)ダウンロード

そろそろスライドショーの表示方法を考えなくては。

スライドショー案
1.外部XMLファイルから画像数の取得
2.ブラウザ表示サイズの取得
3.ブラウザサイズから、ページあたりのサムネイル画像表示数の算出
4.外部画像データを読込み→ビットマップ化→サムネイル用に縮小
5.サムネイル画像と拡大表示用ボタンの配置
6.表示できないサムネイルがある場合は、ネクストボタンを表示
7.いずれかのサムネイルをクリック(ユーザー操作)
8.サムネイル画面を暗くする。(ライトボックス風?)
9.画像読込み→画像サイズ取得→画像フレーム表示→画像表示
10.バック、ネクスト、ストップ、クローズボタン表示
11.サムネイル切り替え用透明ムービクリップ配置
12.一定間隔でスライドショー開始

その他
ブラウザサイズより大きい画像は縮小表示。
ラスト画像表示後は、先頭画像に戻る。
ブラウザサイズ変更された場合は、表示位置修正。
最初のみ一定時間が経過した場合、自動的にスライドショー開始。
バック、ネクストボタンで画面切り替え後はスライドショー中止。

▲ PAGE TOP