Home > 20080316


20080316

Greybox実装手順

○実装手順
1.Greybox公式サイトへ移動
2.Greybox最新版をダウンロード
3.解凍し、greyboxフォルダ直下のファイルをすべてアップロード
4.以下を <head>〜</head> 間に記述

<script type="text/javascript">
var GB_ROOT_DIR = "http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/";
</script>

<script type="text/javascript" src="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/AJS.js"></script>
<script type="text/javascript" src="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/AJS_fx.js"></script>
<script type="text/javascript" src="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/gb_scripts.js"></script>
<link href="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/gb_styles.css" rel="stylesheet" type="text/css" />
です。

FC2ブログの仕様上、フォルダアップロードができないため、必要なファイルをすべて1つずつアップロード。中身は上記のjsファイル3つとcssファイル1つと、その他gifファイル6つとhtmlファイル1つ。アップロードしたときのURLをすべて指定しています。

そして、前準備が終わり、次は画像とWebページに付加する <a> タグの属性です。
それぞれ、赤文字部分を追記。
※変な改行が入りみづらくなりましてすみません。
<a href="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080203_1.jpg" rel="gb_image[]"<img src="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080203_1s.jpg" alt="20080203_1.jpg" border="0" align="left"/></a><br clear="all" />
と記述すると
20080203_1.jpg
<a href="http://www.google.co.jp/" rel="gb_page[500, 500]" title="Google">Google</a>
と記述すると
Google
※サンプル画像とリンク先が「Page not found」とでてしまう場合
→htmlファイルのアップロードがうまくいかず(日本語がファイル中身に含まれていなかったため)正常にアップロードしたら、実装完了しました。FC2Blogの仕様?上、日本語がまったく含まれていないhtmlファイルはアップロードできないため、何かしら日本語を含めてアップロードする必要がある。

Home > 20080316

Recent Comments
Recent Trackback
Feeds

↑Page Top