グレイボックス機能
グレイボックス機能とは？
グレイボックス機能とはライトボックス機能と同様にポップアップ表示できる機能のことです。
グレイボックス機能の大きな特徴としては外部のサイトまでもポップアップ表示することができることです。
また、画像もライトボックスでは表示できないような大きい画像も表示させることができます。
デモ （画像はクリックするとポップアップします）
googleをポップアップ表示
Yahoo!Japanをポップアップ表示
gooをポップアップ表示
比較
通常のhtmlで記述する場合
まずはグレイボックス機能を使うための
JavaScriptファイルをすべてダウンロードしてきます。
次にFTP関連ソフトを使ってサーバーにインストールします。
htmlページの<head>内に以下のものを記述していきます。
※階層はサーバーの環境により異なります。
<script type="text/javascript"> var GB_ROOT_DIR = "./plugin/greybox/"; </script> <script type="text/javascript" src="./plugin/greybox/AJS.js"></script> <script type="text/javascript" src="./plugin/greybox/AJS_fx.js"></script> <script type="text/javascript" src="./plugin/greybox/gb_scripts.js"></script> <link href="./plugin/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
<body>内には表示させたい位置で次のように記述します。
※外部サイトを表示させる場合
<a href="http://www.google.co.jp/" rel="gb_page_fs[]">googleをポップアップ表示</a>
こちらもQHMに比べて非常に複雑な上、FTP関連ソフトも必要になり
難易度が非常に高いです。
QHMで記述する場合
基本的に記述する必要はありません。コピー&ペーストで実現できます。
詳しくはライトボックス機能の”簡単アップロード機能を使おう！”で解説いたします。
※基本的な操作方法は同じです。
※↓は外部サイトを表示させる場合の記述方法です。
&greybox(http://www.google.co.jp/){googleをポップアップ表示};
QHMの応用１カテゴリ 関連項目
- ホームページ作成ソフト_ライトボックス機能
- ホームページ作成ソフト_グレイボックス機能
- ホームページ作成ソフト_googleマップ機能
- ホームページ作成ソフト_標準サイト内検索ボックス
- ホームページ作成ソフト_画像のスライドショー
- ホームページ作成ソフト_youtubeの貼り付け
- ホームページ作成ソフト_文字サイズ変更機能
- ホームページ作成ソフト_音声再生プレイヤーを設置する
- ホームページ作成ソフト_動画再生プレイヤーを設置する
