[技術メモ] HTMLおよび画像のレイヤー表示

備忘録として。

ホームページを格好良く見せるテクニックです。

=============================================
画像をレイヤー表示させる
=============================================
■使用ライブラリ
　lightbox
■メモ
　これが業界標準ライブラリ。
他にも似ている改良版のがたくさん出ているが、これが一番使いやすい。
１）解凍したものを呼び出し側HTMLと同じ場所に置く
２）lightbox.jsとlightbox.cssを呼び出し側HTMLに読み込ませる
３）呼び出し側HTMLで＜ａ　ｒｅｌ＝”ｌｉｇｈｔｂｏｘ”＞とする
これだけ。

■サンプル

■lightboxダウンロード
　http://www.huddletogether.com/projects/lightbox/

=============================================
HTMLをレイヤー表示させる
=============================================
■使用ライブラリ
　ibox
■メモ
これが一番シンプル。これ以外のツールは複雑だし、他のライブラリが必要だし、まともに動かなかった。

１）ibox.jsとibox.cssを呼び出し側HTMLのフォルダにjs,cssフォルダを掘っていれる
２）js/ibox.jsとcss/ibox.cssを呼び出し側HTMLに読み込ませる
３）呼び出し側で＜ａ　ｒｅｌ＝”ｉｂｏｘ”＞とする
以上、簡単！

※呼ばれるＨＴＭＬはｕｔｆ８で作成する必要有り
※ＥＵＣ、ＳＪＩＳでは真っ白になり表示されない

■サンプル

■ibox解説（マイコミジャーナル）
　http://journal.mycom.co.jp/articles/2007/09/11/ibox/index.html
■iboxダウンロード
　http://www.ibegin.com/blog/p_ibox.html
※上記URLへ行き、downloadで検索すればダウンロードリンク有り