JavaScript: 2008年9月アーカイブ

MovableTypeに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の文字を記述するだけでできてしまうという手軽さです」

とのこと。
へぇ・・・、そんなに簡単なんだ・・・、と思いつつ実践へ。

このアーカイブについて

このページには、2008年9月以降に書かれたブログ記事のうちJavaScriptカテゴリに属しているものが含まれています。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

JavaScript: 2008年9月: 月別アーカイブ

Powered by Movable Type 4.25