フレーム型画像情報3

 内容
 情報をテーマ別に分類しフレーム形式で表示します。

 特徴
 ●個々の記事を組み合わせてページを構成します。
 ●一度に最大4枚の画像をアップロードできます。
 ●画像の表示は指定の大きさに縮小して表示します。クリックすると実サイズで表示します。
 ●分類の追加、削除が容易です。

 表示例
HOME

立山・黒部
シンガポール
箱根

[編集]
立山・黒部
立山連峰
黒部平から立山ロープウェイで大観峰へ、そこから立山の真下を貫くトンネルバスに乗り標高2450mの室堂に着く。黒部から立山の日本海側に出る。
ここは景色が一変して6月初旬なのに雪がまだまだ沢山残っている。山スキーに行く人達がいる。
室堂のバスターミナルから雪の上を10分程歩くとみくりが池がある。立山と見事に調和している。更に5分程歩くとみくりが池温泉があり、ここは標高2400mで日本一高所の温泉である
室堂から高原バスに乗ると間もなく「雪の大谷」を通る。ここは道路の除雪で両側が数mの雪の壁になっている。雪が多い時は20mにもなるらしい。
暫くすると弥陀ヶ原に着く。標高1980mの広々とした草原で素晴らしい景観です。
黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて赤沢岳直下の関電トンネルを通ると黒部ダムに着く。
ダム堤の高さ186mで日本第1位。長さ492mの堤を歩いて渡る。
全線地下式のケーブルカーで黒部湖から黒部平に着く。
標高差373mを5分で登ってしまう。

実際に動作しているサンプルが こちら にありますのでご覧下さい。


 設置手順
No 項 目 内  容
1 ファイルダウンロード 購入により下記の圧縮ファイルをダウンロードします。
  inf10.lzh  購入申込
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。解凍ツールは「+Lhaca」が推奨です。
  <ディレクトリ構成>
     |---infdata (ディレクトリ)
     |---inf10.cgi
     |---cgi-lib.pl
3 スクリプトの変更 「inf10.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/inf10.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、infdataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権 備 考
inf10.cgi 755  
cgi-lib.pl 644  
infdataディレクトリ 777  
cat.txt、cno.txt、
no.txt、option.txt
666 本CGIを実行すると自動設定されますが、設定されない場合は手動で設定して下さい。
ファイルはinfdataディレクトリの中にあります。
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●表示
  ・左フレームの分類をクリックすると右フレームに記事を表示します。
  ・画像が指定のサイズより大きい場合は縮小して表示されます。その場合は画像をクリックすると実サイズで表示されます。
  ・画像が2枚以下の場合は画像を左寄せ又は右寄せに表示します。3枚以上の場合は文章の下に画像を表示します。

 ●分類設定
  ・左フレームにある[編集]をクリックします。パスワードは初期値が「cgi」です。
  ・分類を新しく設定する場合は「分類新設」をクリックします。
  ・分類の表示順を変更できます。
  ・「削除」をチェックするとその分類に含まれる全ての記事が削除されます。

表示順 分類 削除

 ●新規/修正
  ・分類を選択します。
  ・「画像」は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は4枚合計で400KBです。
  ・画像が2枚以下の場合は画像の配置を「左寄せ」、「右寄せ」で指定できます。
  ・1個の記事は「題名」、「内容」、「画像」を必要に応じて記載し、複数の記事を組み合わせてページを構成します。
  ・各記事の順番を指定して「並び替え」をクリックすると各記事の表示順を変更できます。
  ・記事を修正、削除する場合は該当記事で「修正」をクリックします。

立山・黒部 シンガポール 箱根

題名

内容
画像1
画像2
画像3
画像4
画像位置 左寄せ 右寄せ  (画像位置は画像が2枚以下の場合に有効)


 記事の並び替えは表示順を指定して「並び替え」を押して下さい。
立山連峰
黒部平から立山ロープウェイで大観峰へ、そこから立山の真下を貫くトンネルバスに乗り標高2450mの室堂に着く。黒部から立山の日本海側に出る。ここは景色が一変して6月初旬なのに雪がまだまだ沢山残っている。山スキーに行く人達がいる。
黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて赤沢岳直下の関電トンネルを通ると黒部ダムに着く。ダム堤の高さ186mで日本第1位。長さ492mの堤を歩いて渡る。


 ●基本設定
タイトル
ホームURL
画像格納ディレクトリ
画像読出ディレクトリ

壁紙、アイコン
壁紙(無)   ホーム(無)   
カラーコード
基本背景色
基本文字色
分類背景色
分類色
題名色
題名背景色
画像表示 横maxpx  縦maxpx
分類フレーム幅 %
パスワード変更 (英数8文字以内)

タイトル ページタイトルを入力します。
ホームURL 画面の左上に表示するホームへの戻り先を指定します。
画像格納ディレクトリ infdataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのinfdataのパスを指定します。http://のURLでは指定できません。
 (例) ./infdata、 ../xxxx/infdata、 /xxxx/infdata
画像読出ディレクトリ infdataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのinfdataを http://のURLで指定します。
 (例) ./infdata、 http://xxxx/infdata
壁紙、アイコン 壁紙、アイコンの画像を設定します。画像にチェックを入れ、「参照」をクリックして画像ファイルを入力します。画像を使用しない場合は画像にチェックを入れ、画像ファイルを空白にします。
基本背景色・・・ 各色をカラーコードで指定します。
画像表示 画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
分類フレーム幅 左側の分類フレームの幅を割合で指定します。
パスワード変更 編集画面に入る為のパスワードを入力します。

 改版履歴
リリース日 対象 版数 改版内容
 2003.10.14 inf10.cgi V1.0 初版
 2003.10.24 inf10.cgi V1.1 画像修正機能を追加
 2003.11.21 inf10.cgi V1.2 壁紙、アイコンの設定を修正
 2003.12.13 inf10.cgi V1.3 画像修正機能を修正
 2005.6.14 inf10.cgi V2.0 全面変更。旧版とのデータ互換性はありません。


CGI-design