Introduction Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2. Demo Single images Image set These are pictures I took during a journey through India and Nepal. Features F
To display a single image simply link to the source. Also, 'title' attributes will automatically populate the caption field: $(".boxer").boxer(); <a href="image.jpg" class="boxer" title="Caption"> <img src="thumbnail.jpg" alt="Thumbnail" /> </a> Demo To display a gallery of images attach a common 'rel' attribute to each item: <a href="image_1.jpg" class="boxer" title="Caption One" rel="gallery"> <
Lightboxのダウンロード こちらのLightboxホームページからダウンロードします。 現在のversionは、2.51です。 Jquery本体とプラグインの設置 ホームページを作成する際に以下のようなディレクトリ構成にすると便利だ。 homepage——index.html ————-——second.html ————-——third.html ————-——「img」 ————-——「js」 ————-——「css」 ————-——「jquery」——「lightbox」 ————————————「colorbox」 このように構成すると「lightbox」などのプラグインを設置する際、プラグイン用のcssファイルを読み替えたり、 プラグイン用のimageファイルの置き場所を変更したりする必要がほとんどない。 HTMLファイルへの記載方法 基本的に「Lightb
Nivo Lightbox - Dev7studios フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 次のようにシンプルなフラットデザインを採用したLightBoxが実装できます。 こういうところまでフラット化の波が押し寄せています。ざっぱ〜ん。 フラットなようで若干シャドウを使って立体的に見せているあたりもカッコいい。 iFrameやSWF,Youtube,Vimeoなどにも対応していてかなり使い勝手がよさそうです。 関連エントリ 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 LightBoxはここまで進化したよ「VisualLightBox」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く