/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ┃ TITLE : 定義ファイル ┃ ┃ SCRIPT : config.txt ┃ ┃ VERSION : Ver1.2.11 ┃ ┃ LANGUAGE : JavaScript1.3 ┃ ┃ CREATED : 2007/09/01 //as Ver1.0.1 ┃ ┃ UPDATED : 2007/11/19 //as Ver1.2.11 ┃ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */ /*************************************************************** * ★写真情報の定義 * 書式:項目名[n] = '内容' (項目名は変更不可) * 各項目の[ ]内に、表示したい順番を半角数字で記述する。 * 各内容は「'」(アポストロフィ)で囲む。 * 各内容は1行で記述し、途中で改行しないこと。 * 各内容には「'」(アポストロフィ)および「,」(カンマ)が使用で * きないため、代わりにそれぞれ ' および , と記述する。 * 順番は欠番があれば間引かれ、重複があれば後の定義が有効となる。 ***************************************************************/ /*************************************************************** * ■拡大写真ファイル名の定義(必須) * 表示したい写真の数だけ記述。 * ディレクトリ内にある場合は [ディレクトリ名]/[ファイル名]。 * 他サイトにある場合は、URL(http://[ドメイン名]/[ファイル名])。 ***************************************************************/ var PHOTO = new Array(); //この行は変更不可 PHOTO[1] = 'photo/photo01.jpg' PHOTO[2] = 'photo/photo02.jpg' PHOTO[3] = 'photo/photo03.jpg' PHOTO[4] = 'photo/photo04.jpg' PHOTO[5] = 'photo/photo05.jpg' PHOTO[6] = 'photo/photo06.jpg' PHOTO[7] = 'photo/photo07.jpg' PHOTO[8] = 'photo/photo08.jpg' PHOTO[9] = 'photo/photo09.jpg' PHOTO[10] = 'photo/photo10.jpg' /*************************************************************** * ■サムネイルファイル名の定義 * [ ]の中には拡大写真ファイル名の定義に対応した順番を記述する。 * 空の時は、拡大写真が使用される。 * 120×90ピクセルにリサイズされるため、4:3 以外のアスペクト * 比の写真は、あらかじめ 4:3 でトリミングしておくこと。 ***************************************************************/ var THUMB = new Array(); //この行は変更不可 THUMB[1] = '' THUMB[2] = '' THUMB[3] = '' THUMB[4] = '' THUMB[5] = '' THUMB[6] = '' THUMB[7] = '' THUMB[8] = '' THUMB[9] = '' THUMB[10] = '' /*************************************************************** * ■原版写真ファイル名の定義 * [ ]の中には拡大写真ファイル名の定義に対応した順番を記述する。 * 拡大写真クリックでポップアップする写真。 * 空の時は、拡大写真が使用される。 * オリジナル写真をダウンロードさせたい場合などに使用する。 ***************************************************************/ var ORIGN = new Array(); //この行は変更不可 ORIGN[1] = '' ORIGN[2] = '' ORIGN[3] = '' ORIGN[4] = '' ORIGN[5] = '' ORIGN[6] = '' ORIGN[7] = '' ORIGN[8] = '' ORIGN[9] = '' ORIGN[10] = '' /*************************************************************** * ■写真タイトルの定義 * [ ]の中には拡大写真ファイル名の定義に対応した順番を記述する。 * 拡大写真上部にオーバーレイ表示される1行だけの文章。 * 空の時は表示されない。 * 文字数は拡大写真最大横幅で決まる。(例: 512 の時全角 35文字) ***************************************************************/ var TITLE = new Array(); //この行は変更不可 TITLE[1] = '京都・神泉苑 その1 ' TITLE[2] = '京都・神泉苑 その2 ' TITLE[3] = '京都・神泉苑 その3 ' TITLE[4] = '京都・神泉苑 その4 ' TITLE[5] = '京都・神泉苑 その5 ' TITLE[6] = '京都・神泉苑 その6 ' TITLE[7] = '京都・神泉苑 その7 ' TITLE[8] = '京都・神泉苑 その8 ' TITLE[9] = '京都・神泉苑 その9 ' TITLE[10] = '京都・神泉苑 その10' /*************************************************************** * ■写真詳細説明の定義 * [ ]の中には拡大写真ファイル名の定義に対応した順番を記述する。 * 常に同じ内容を表示したい場合は、1行だけ記述する。 * 拡大写真下部に表示される複数行からなる文章。 * 空の時は1番目の詳細説明が使用される。(1番目も空なら非表示。) * 文中にはHTMLタグが使用できるが、自己責任で使用すること。 * 例:強制改行........
* 中央寄せ........
内容
* 赤色で拡大文字.. 内容 ***************************************************************/ var EXPLN = new Array(); //この行は変更不可 EXPLN[1] = 'サムネイルをクリックすると写真が拡大表示され、サムネイルは自動スクロールされます。
現在表示されているサムネイルは薄く表示され、現在どの写真が表示されているかが一目でわかります。' EXPLN[2] = '[NEXT]ボタンをクリックすることで写真が順番に表示されます。また[PREV]ボタンで逆順に表示できます。
[STOP]ボタンをクリックすることで初期状態に戻ります。[NEXT][PREV]ボタンで繰り返しループできます。' EXPLN[3] = '[PLAY]ボタンをクリックするとスライドショーが開始され、[PAUSE]ボタンで一時停止できます。
スライドショーの表示間隔を4種類の中から選択でき、閲覧者の状況に合わせて調整できます。' EXPLN[4] = '[REPEAT]ボタンをクリックするとスライドショーの繰り返しループをON/OFFできます。
ページを開くと同時にスライドショーを開始するよう設定することもできます。' EXPLN[5] = '写真のタイトルを写真上部に重ねて表示できます(1行以内)。これは不要であれば消すこともできます。
写真の詳細説明を写真下部に表示できます(複数行でも可)。常に同じ内容にすることもできます。' EXPLN[6] = 'サムネイルが用意されていればそれを利用し、用意されてない場合は拡大写真から自動的に表示されます。
写真をクリックすることで原版写真が表示されます。原版写真がなければ通常写真が表示されます。' EXPLN[7] = '拡大写真部の横幅は写真のサイズによって自動調整されます。縦幅は写真に合わせて変化します。
下部には全体の写真枚数が表示され、スクロールバーでも現在位置が視覚的に把握できます。' EXPLN[8] = '開始時にすべての写真を読み込むことで、回線速度が遅くても写真の切り替えはスムーズにフェードイン表示されます。
スクロールバーを使って表示したい写真を自由に選択したり、任意の写真からスライドショーを開始することもできます。' EXPLN[9] = 'スライドショーを表示している間BGMを流すことができます。
BGMはスライドショーと連動して動作します。(IEのみ)
ページを開くと同時にBGMを流すよう設定することもできます。
BGMをスライドショーと独立して制御することもできます。' EXPLN[10] = '強力なカスタマイズ機能を備え、背景だけでなく文字色や罫線などのスキンを自由に設定できます。
またヘルプメッセージも自由に設定できます。
設定ファイルが独立しているため誰にでも簡単に設置できます。' /*************************************************************** * ★BGMファイルの定義 * 書式:var 項目名 = '内容' (項目名は変更不可) * MIDI、WMA、MP3ファイルを再生。空の時、BGMは無し。 * ディレクトリ内にある場合は [ディレクトリ名]/[ファイル名]。 ***************************************************************/ //BGMファイル名の定義 var fileBGM = 'music01.mp3' //BGM自動スタートの定義(0:OFF|1:ON) var autoBGM = 0 //BGM繰り返し回数の定義(0:無限) var countBGM = 0 /*************************************************************** * ★ヘッダ画像(文字列)の定義 * 書式:var imgHead = '画像ファイル名' * 画像ファイル名で指定した JPEG、GIF、PNG、BMP ファイルを表示。 * 画像ファイル名の代わりに文字列を指定した場合は、文字列を表示。 * 空の時、HTML で指定した内容を表示。 ***************************************************************/ //ヘッダ画像(文字列)の定義(画像ファイル名または文字列) var imgHead = '' /*************************************************************** * ★壁紙の定義(スタイルシート形式) * 書式:var strWall = '[色指定] [壁紙名] [繰返し] [位置]' * 色指定:#RGB (R,G,Bは16進数で00〜FF) * 壁紙名:url(画像ファイル名) * 繰返し:[repeat]|repeat-x|repeat-y|no-repeat * 固定 :[scroll]|fixed * 位置 :[left]|center|right|0px|0% [top]|center|bottom|0px|0% * 例:var cssWall = '#FFFFFF url(wall.jpg) no-repeat left top' ***************************************************************/ //壁紙スタイルの定義(空の時:壁紙無し) var cssWall = '#FFFFFF url(image/wall.jpg) repeat-x' /*************************************************************** * ★背景色・文字色の定義 * 書式:var 項目名 = '[色指定]' (項目名は変更不可) * 色指定 :#RGB (R,G,Bは16進数で00〜FF) * 例:var colFrame = '#000000' ***************************************************************/ //フレーム色の定義(空の時:フレーム色無し) var colFrame = '#000000' //詳細説明背景色の定義(空の時:フレーム色と同じ) var colExpln = '#CCE3FF' //ヘッダ文字色の定義(空の時:黒)(壁紙スタイルと同色にしない) var colHead = '' //詳細説明文字色の定義(空の時:黒)(詳細説明背景色と同色にしない) var colCont = '' //フッタ文字色の定義(空の時:黒)(フレーム色と同色にしない) var colFoot = '#FFFFFF' //罫線色の定義(空の時:罫線無し) var colLine = '' /*************************************************************** * 以下は動作環境に合わせて適宜変更すること。 * 書式:var 項目名 = '内容' (項目名は変更不可) ***************************************************************/ /*** 説明メッセージの定義 *************************************/ //操作ボタンの説明 var mesStop = '最初の状態に戻します' //STOPボタン var mesPlay = 'スライドショーを開始します' //PLAYボタン var mesPause = 'スライドショーを停止します' //PAUSEボタン var mesNext = '次の写真を表示します' //NEXTボタン var mesPrev = '前の写真を表示します' //PREVボタン var mesLoop = '自動繰り返しを設定します' //PREVボタン var mes1Way = '自動繰り返しを解除します' //PREVボタン //タイトルがない時のサムネイルの説明 var mesThumb = 'クリックすると拡大写真が表示されます' //原版写真がない時の拡大写真の説明 var mesPhoto = 'クリックすると写真がポップアップ表示されます' //原版写真がある時の拡大写真の説明 var mesOrign = 'クリックするとオリジナル写真が表示されます' //ポップアップされた写真の説明 var mesClose = '閉じたい時は写真をクリックしてください' /*** 動作環境の定義 *******************************************/ //画像パスの定義(必ず末尾に'/'を付ける)(空の時:自ディレクトリ) var imgPath = 'image/' //サムネイル幅の定義(ピクセル) var widThumb = 120 //サムネイル高さの定義(ピクセル) var heiThumb = 90 //サムネイル数の定義(枚) var numThumb = 5 //詳細説明欄高さの定義(ピクセル) var heiExpln = 82 //スライドショー自動スタートの定義(0:OFF|1:ON) var flgAuto = 1 //スライドショー繰り返しの定義(0:OFF|1:ON) var flgLoop = 1 //インターバル既定値の定義(秒)(ここを変える時はHTMLも直すこと) var interval = 5 /*** 定義ファイルの終了 ***************************************/