xmlSlide Photo Gallery 3.0

download

昨年に公開した Flashの写真ギャラリーテンプレートを改良しましたので再配布します。ソースの二次使用や改善案のご提示は大歓迎です。質問やリクエストもお気軽にください。

【サンプル】

【ダウンロード】

【説明】

  • フォルダ内の画像を、指定した枚数だけシャッフルして読み込み、スライドショー表示します。写真の自動再生や「進む」「戻る」などコントロールも可能です。

【修正箇所】

  • ・オートプレイ時のストリーミング方式を低速回線環境に対応
  • ・スクリプト・パフォーマンスの最適化
  • ・デザイン＆カスタマイズ性の改善

【使用方法】

  • 1. image/ フォルダに、末尾の数字が1から始まる画像を追加
  • 2. image/thumb/ フォルダに上記の番号に対応したサムネイル画像を追加
  • 3-a. xml/ フォルダ内の image.xmlを必要に応じて編集
  • 3-b. script/ フォルダ内の variables.as を編集 ※詳細は後記

【XMLの編集】

  • 例) image/ フォルダ内の image41.jpg を追加したい場合、下記のコードを最下部にペースト

【詳細設定】

・読み込む画像枚数の指定

/* 22行目 */
　 var num:Number = 15; //読み込む画像の枚数を指定 ※nullか 0の場合は全て読み込む

・メイン画像のフォルダ名、ファイル名、拡張子の設定

/* 5〜7行目 */
　 var dir:String = path + "image/"; //画像のフォルダ名
　 var file:String = "image"; //画像のファイル名
　 var extension:String = "jpg"; //画像の拡張子

・サムネイル画像のフォルダ名、ファイル名、拡張子の設定

/* 10〜12行目 */
　 var thumbdir:String = path + "image/thumb/"; //サムネイルのフォルダ名
　 var thumbfile:String = "image"; //サムネイルのファイル名
　 var thumbextension:String = "jpg"; //サムネイルの拡張子

・メインスクリーン部分の設定

/* 15〜17行目 */
　 var israndom:Boolean = true; //true でメインスクリーンに表示される画像がランダムになる
　 var autoplay:Boolean = true; //画像のオートプレイモード ON/OFF切替
　 var interval:Number = 7000; //オートプレイ時に画像が切り替わる間隔 ※ミリ秒指定

・スライダー部分の設定

/* 20〜23行目 */
　 var w:Number = 58; //サムネイル画像のサイズ ※適当でも可
　 var margin:Number = 20; //サムネイル間のマージン
　 var num:Number = 15; //読み込む画像の枚数を指定 ※nullか 0の場合は全て読み込む
　 var friction:Number = -0.015; //スライダーのアニメーション速度

【その他・参考用ファイル】