JavaScript: 2008年9月アーカイブ
MovableTypeにLightboxを組み込むテストをしてみます。
運営サイトのルートディレクトリに新規にディレクトリ(例:script)を作成し、lightboxのファイルをアップロード。
ファイル構成
/script
/js
JavaScriptファイル
/images
画像ファイル
/css
CSSファイル
で、今回はテンプレートをいじらずにLightboxを使ってみるテスト。
(テンプレートにいじっておけば、もっと手っ取り早いのでしょうが、面倒くさいので・・・)
運営サイトのルートディレクトリに新規にディレクトリ(例:script)を作成し、lightboxのファイルをアップロード。
ファイル構成
/script
/js
JavaScriptファイル
/images
画像ファイル
/css
CSSファイル
で、今回はテンプレートをいじらずにLightboxを使ってみるテスト。
(テンプレートにいじっておけば、もっと手っ取り早いのでしょうが、面倒くさいので・・・)
Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできるすぐれもの。
いろんなサイトで使われていますが、かっこいいのですが、難しいのかなぁ・・・なんて思いつつ今まで試していませんでしたが、今更ながらどんなものか実験してみようと思います。
参考ページ「マイコミジャーナル」
ツ黴ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能
を見ながら、試してみますが、このサイトによると「Lightbox」っていうのは
「Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです」
とのこと。
へぇ・・・、そんなに簡単なんだ・・・、と思いつつ実践へ。
いろんなサイトで使われていますが、かっこいいのですが、難しいのかなぁ・・・なんて思いつつ今まで試していませんでしたが、今更ながらどんなものか実験してみようと思います。
参考ページ「マイコミジャーナル」
ツ黴ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能
を見ながら、試してみますが、このサイトによると「Lightbox」っていうのは
「Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです」
とのこと。
へぇ・・・、そんなに簡単なんだ・・・、と思いつつ実践へ。
Lightboxでかんたんフォトアルバムの続きを読む