"+ titleber +"

//==================================================================== // FOTOzoom v1 2002/SEP/03 (fotozoom.js) //==================================================================== // // Copyright (C) United Associates by Y.Kitagawa 2002 全権保有 // http://www.tokyo-life.net software@tokyo-life.net // // ★ 個人サイトから事業用ｅコマースまで、お気軽にご相談ください ★ // //==================================================================== function fotozoom(mode,action,database,album,number,ind_dir,ind_x,ind_y,message) { // JavaScript動作モード（この設定は最優先します） actionmode = 1; // [0:強制休止 / 1:直接表示] // 0: 休止の画面を表示して終了します // 1: JavaScript単独で画像を表示します（一般の利用の場合） /* ★引数（*:必須）モードＣＧＩデータベースアルバム番号 *フィルム番号ディレクトリ横幅縦幅メッセージ *1, zoom, 0, *******, **** dir x y message モード : ウィンドウの動作指定ただしスクリプトの actionmode が優先しますＣＧＩ : CGI起動モード（それぞれ書式を定義します）データベース : CGIに引き継ぎますアルバム番号 : CGIに引き継ぎますディレクトリ : 読み込むイメージのディレクトリを指定（呼び出しHTMLからのパス、/ で閉じる）通常は無指定で、標準パスを読みにいく（初期設定 ./img/ ）横幅・縦幅 : サイズを指定（通常は無指定で標準サイズになる）メッセージ : コメントを記入（CGI には引き継がれない） */ // // この文書部分は宣伝を兼ねています。利用する場合でも削除できません。 // // // /* -----------------------------N-O-T-E-S---------------------------- このプログラムはユナイテッドアソシエイツがコーディングしましたこのスクリプトを利用または一部でも転用したい場合は上記まで必ずご連絡ください　（基本的には無料で利用の許可をしています）無断転用はダメですよ、必ず連絡ください。許可は無料ですが必須です。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ なお、簡単なツールからデータベースまで、開発委託も承っています当方はフリーの個人なので、柔軟にパフォーマンス良く対応が可能です -----------------------------N-O-T-E-S---------------------------- 【概要】すべてのプロバイダ・ウェブサイトで実行できます　クリックによりウィンドウを開き、イメージファイルを表示します。　サムネイル一覧から拡大画像をポップアップする方式の写真ギャラリーを容易に実現します。　外部ファイルで、表示デザインの設定や条件分岐を一括指定できます。　JavaScript の関数型のプログラムです。基本的には、弊社の写真データベースに処理を引き継ぐために設計されています。そのため、一般では不要な機能も記述されていますが、気にしなくて大丈夫です。このスクリプト単体でも写真ギャラリーを実現できるようになっています。なお、弊社の写真データベース(CGI)システムは現在、公開はしていませんが、システムのレンタルや販売は対応可能です。興味があればご連絡ください。開くウィンドウの設定変更や、CGI 起動の仕様変更は、このファイルで一括対応できます。パスや引数の設定を変える場合は、充分に注意してください。【更新履歴】 SEP/11 任意のディレクトリ、任意のサイズを指定できるように引数変更。 SEP/05 単独での画像表示を可能にする。画像が無い場合の差し替え処理を搭載。【組み込み方】まず、このスクリプトを JavaScript の外部ファイルとして定義します。具体的には、呼び出すページの～の間に以下の３行を追加します。ギャラリーのページ（呼び出し元）すべてに追加します。これで組み込みは完了です。 ▼ 組み込み例 ★版権表示をこのまま必ず入れること！（これは同じ場所に設置の場合です。ディレクトリが違う場合はパスで書きます。）次に、ポップアップボタンを作ります。（イベントハンドラなら何でもＯＫです）ギャラリーのページで、呼び出したい画像の数だけボタンを作ります。 ▼ ボタンで起動する場合このボタンは、1234.jpg という画像をポップアップします。 1234 の部分がファイル名、view の部分がボタンの文字、です。そのほかの部分はこのままにしておきます。次に、必要があればスクリプトの設定を行います。完了したら、ファイルを Webサーバーへ ftp転送（アップロード）します。上記の例のままなら、スクリプトはギャラリーのページと同じ場所へ転送します。そのディレクトリに、img というディレクトリ（フォルダ）を作成します。その中へ画像ファイルをすべていれます。アイコンも入れます。以上で完了です。ウィンドウの大きさ、文字の色、ファイルのパスや書式はスクリプト内で設定・変更できます。例えば題名の「::::: PHOTO :::::」は、「titleber = "～～～"」の部分で書き換えられます。 */ // ＝＝＝＝＝＝ // ■ 環境設定 // ＝＝＝＝＝＝ // イメージディレクトリの標準パス（最後は / で閉じる） // ┏ ここを画像の入ったフォルダ名に書き換える def_dir = "./img/"; if (ind_dir == "") {IMGDIR = def_dir; ind_dir = "auto";} else {IMGDIR = ind_dir;} // イメージファイルのパスとファイル名の書式 // jpegに設定 ┓ IMGfile = IMGDIR + number + "z.jpg"; // ウィンドウのタイトル titleber = "::::: PHOTO :::::"; // テーブル背景（上下のバーの背景） tblbg = "background='/common/bg_fz.gif'"; mojiable = 1; // 写真コメント表示 [1:する / 0:しない] datatest = 0; // 引数テスト表示 [1:する / 0:しない] clsbtn = 0; // 画像直下の閉じるナビゲーション [2:画像 / 1:文字 / 0:なし] tlnurl = "T"; // リンクの位置 [T:上側 / B:下側 / A:両方] ★消してはダメです // フィルム番号が未指定の場合は [0:エラー文を表示して終了 / 1:代用の画像を表示して終了 / (それ以外):無視して実行する] nonummod = 1; nonumimg = "./img/s.jpg"; // 差し替える画像のパスとファイル名 // 弊社の「準備中」の画像を無料で使えます。ただし改変できません。 // 希望される方のみ、ダウンロードしてお使いください。 // ＝＝＝＝＝＝ // ■ デザイン // ＝＝＝＝＝＝ wincolor= "white"; // 背景色カラーネームで指定 txtcolor= "#808080"; // 文字色ＲＧＢで指定も可能 def_x = 620; // 標準のウインドウ横幅 def_y = 590; // 標準のウインドウ縦幅 // 表示文のスタイル定義 tit_STYLE = "font-size:15pt;color:red;font-weight:bold;"; mes_STYLE = "font-size:13pt;"; dat_STYLE = "font-size:13pt;color:#008080;"; // 休止中の表示文 tit_kyushi = "ただいまメンテナンス作業中です"; mes_kyushi = "ご迷惑をおかけして申し訳ありません
データベースシステムの調整を行っています
メンテナンスは通常 30分から長くて数日かかります
いましばらくお待ちください"; if (ind_x == "") {win_x = def_x; ind_x = "auto";} else {win_x = ind_x;} if (ind_y == "") {win_y = def_y; ind_y = "auto";} else {win_y = ind_y;} // 【初期設定】開くウインドウの設定 OP1= 0; // location ＵＲＬの表示を　［1:する / 0:しない］ OP2= 0; // toolbar ツールバーの表示を［1:する / 0:しない］ OP3= 1; // menubar メニューバーの表示を［1:する / 0:しない］ OP4= 0; // status ステータスバーの表示を［1:する / 0:しない］ OP5= 0; // directories ディレクトリボタンの表示（Netscapeの設定） OP6= 1; // scrollbars スクロールバーの表示を［1:する / 0:しない］ OP7= 1; // resizable ウインドウの大きさの変更を［1:許可 / 0:不可］ features = "location="+OP1 +",toolbar="+OP2 +",menubar="+OP3 +",status="+OP4 +",directories="+OP5 +",scrollbars="+OP6 +",resizable="+OP7 +",width="+win_x +",height="+win_y ; if (actionmode == 0) { w = window.open("","",features); w.document.write (""+ titleber +"\n"); w.document.write ("\n"); w.document.write ("

"+ tit_kyushi +"

\n"); w.document.write ("

"+ mes_kyushi +"

\n"); } if (actionmode == 1) { w = window.open("","",features); w.document.write (""+ titleber +"\n"); w.document.write ("\n"); w.document.write ("\n"); w.document.write ("\n"); w.document.write ("\n"); w.document.write ("\n"); w.document.write ("

　"+ titleber +"

"); if (tlnurl != "B") w.document.write ("

"); w.document.write ("

\n"); if (datatest) { w.document.write ("

Mode:"+mode+" Action:"+action+" Database:"+database+"
Album:"+album+" Number:"+number+"
TargetDir:"+ ind_dir +" - "+ def_dir +"
TargetFile:"+ IMGfile +"
Width:"+ ind_x +"/"+ def_x +" Height:"+ ind_y +"/"+ def_y +"
Message:"+ message +"

\n"); } if (number == "") { if (nonummod <= 1) { w.document.write ("

写真が準備できていません

\n"); } if (nonummod == 1) { w.document.write ("

写真が準備できていません

\n"); } } else { w.document.write ("

RequestCode:"+ number +"/"+ album +"

\n"); } if (mojiable) w.document.write ("

"+ message +"

\n"); } // w.document.write (" \n"); if (clsbtn == 1) w.document.write ("

\n"); if (clsbtn == 2) w.document.write ("

\n"); w.document.write ("

"); if (tlnurl != "T") w.document.write ("

"); w.document.write ("

\n"); w.document.write ("\n"); w.document.write ("\n"); w.window.focus(); }