Home > 20080316


20080316

Greybox実装手順
○実装手順
１．Greybox公式サイトへ移動
２．Greybox最新版をダウンロード
３．解凍し、greyboxフォルダ直下のファイルをすべてアップロード
４．以下を <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ブログの仕様上、フォルダアップロードができないため、必要なファイルをすべて１つずつアップロード。中身は上記のjsファイル３つとcssファイル１つと、その他gifファイル６つとhtmlファイル１つ。アップロードしたときの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

Search
Adsense

Calendar
« 2008/03 »
S M T W T F S
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -
Categories
Tagcloud
Archives
Recent Comments
Recent Trackback
Feeds

↑Page Top