タグ

Lightboxに関するlove210のブックマーク (3)

  • Lightbox Gallery plugin | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go

    WordPress 2.5の新機能 ギャラリーを使って画像一覧表示するという記事でWordPress 2.5からの新機能であるの使い方を説明したが、このgalleryを使ってフォトログや写真アルバムサイトを構築するにはいまいち役不足だったので、を拡張してプラグイン化してみた。その名も、Lightbox Galleryというプラグインである。 Lightbox Gallery [ English here ] 必須条件 WordPress 2.5以上 特徴 Lightbox Galleryは、の機能を拡張し、Lightboxで画像・写真を表示できるように変更するプラグインである。Lightbox Galleryの主な特徴は以下のとおり。 Lightboxで画像・写真を表示 Tooltip(ツールチップ)で画像のキャプションを表示 写真の一覧表示はローディングっぽく遅延表示 写真の付随情報(機

    Lightbox Gallery plugin | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go
  • Litebox 1.0 の rel 属性を自動付与する

    以前、クールに画像を表示するツール Litebox 1.0 をご紹介しました。この Litebox を起動するためには、a 要素の rel 属性に "lightbox" を付与しなければならないという条件があり、これを手動で付与するのは結構面倒です。 ということで「自動付与できないでしょうか」というご質問を頂きました。大変遅くなりましたが、rel 属性を自動付与する方法をエントリーにてご紹介致します。 rel 属性を自動付与するには、Litebox 1.0 のパッケージ内にある、js/litebox-1.0.js を任意のエディタで開き、130 行目辺り(リスト 1)に青色のコードを追加します。 リスト1 litebox-10.js 変更箇所 : // loop through all anchor tags for (var i=0; i<anchors.length; i++){ v

    Litebox 1.0 の rel 属性を自動付与する
  • Lightbox JS v2.0で画像をかっこよく拡大表示

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc かなり乗り遅れたようですが「Lightbox JS v2.0」を導入してみました。 とりあえず、上の画像をクリックして確認してみてください。 Lightboxは、サムネイルを同じページ内に拡大してくれるスクリプトです。 (JavaScriptが無効になっている場合は正しく表示されません) 設置は簡単なので、画像をかっこよく見せたいっという方はレッツ トライ! Lightbox JS v2.0導入の手順 まず、"Lightbox JS v2.0"からファイルをダウンロード ダウンロードしたファイルを解凍 ファイルをアップロード HTMLにPart 1 を追加 あとは、次の

    Lightbox JS v2.0で画像をかっこよく拡大表示
  • 1