Lightbox JS 2.0 設置 - trial and error
僕のブログにもLightbox JS 2.0を入れてみることにしました。 Lightboxとはなにか？ そんなの下の画像をクリックすればわかりますｗ 赤いポルシェ～が拡大表示されたでしょうか？ こんな風に、拡大表示がポップアップなしで、表示できるというスグレモノｗ Lightbox JS には、1.0もありますが、2.0はさらにWeb2.0っぽくなっています。 早速設置してみましょう～。割と簡単ですｗ ～インストール方法～ 1.ファイルのダウンロード 下記のリンクから、Lightbox JS 2.0 をダウンロードする。 http://www.huddletogether.com/projects/lightbox2/ 記事投稿時点での最新バージョンは 2.02 です。 2.ファイルをアップロードする。 Lightbox JS 2.0 本体のファイルをアップロードさせましょう。 Mobab
小粋空間: Litebox 1.0 をブログに適用する
Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプル サンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と
Lightbox JS の rel 属性を自動付与する
Lightbox JS を起動するには a 要素の rel 属性に "lightbox" を付与しなければならないという条件がありますが、手動で付与するのは結構面倒です。 ということでご質問を頂きましたので、rel 属性を自動付与する（あるいは rel 属性を付与せずに Lightbox を起動する）方法をいくつかご紹介します。 rel 属性なしで Lightbox JS を起動する Movable Type のアンカータグ挿入ボタンに rel 属性を自動付与する Movable Type のアップロード画面からのサムネール画像リンクに rel 属性を自動付与する Serene Bach の画像リンクに rel 属性を自動付与するプラグイン １．rel 属性なしで Lightbox JS を起動する ページ内にある全ての画像リンクに対し、Lightbox JS を起動する方法です。a 要素
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
