高機能で非依存のlightboxスクリプト・「lightgallery.js」
lightgallery.jsは高機能で非依存型のlightbox実装のためのスクリプトです。レスポンシブWebデザイン対応、タッチデバイス対応、自モジュール型、YoutubeやVimeo、HTML5 Video等のサポート、iframeやGoogle Mapのサポート、20種から選べるCSS3 transitionsによるアニメーションエフェクト、各SNSへのシェアボタン、ハッシュプラグイン対応、フルスクリーン化対応などなど、よくあるlightboxの機能を詰め込んだようなもので且つ、jQuery等のライブラリに依存せず単体で動作してくれるのが特徴です。モジュールはオートプレイ、動画、フルスクリーン化等がデフォルトでビルトインされているみたいです。ファイルサイズは非圧縮の状態で42KB、圧縮版で24KBほどです。なかなか良いのでは。ライセンスはApache 2.0。 lightgalle
[jQueryプラグイン]iPhoneでタッチできるライトボックス「Swipebox」 | Web活メモ帳
ライトボックスは良く使われるプラグインですが、 スマホやタブレットでも同じような動きが出来るようにプラグインがありましたのでご紹介。 「Swipebox」はタッチイベントをサポートしたjQUeryプラグインです。 ギャラリーをスワイプしたりキーボードを押す事で次の写真を見る事が出来るようになります。 キャプションを表示させる事もオプションで出来ます。 興味のある方は下のリンクからどうぞ！ Swipebox.
![[jQueryプラグイン]iPhoneでタッチできるライトボックス「Swipebox」 | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/b541a2db39f94582381821bf063414672a497b0b/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F03%2F20130326-01.jpg)
今更ながらみんな大好き（？）「lightbox」プラグインを集めてみました - Webデザイン初心者向けのあれこれ
風邪引いてしんどい…僕です。 登場から数年、すっかりお馴染みとなった「lightbox」。 この数年の間に様々な派生プラグインが出ました。 今回は、そのいくつかを紹介していきたいと思います。 1.ColorBox 2.fancyBox 3.prettyPhoto 4.jQuery.popeye 2.1 5.Shadowbox.js（商用利用は有料） http://www.tripwiremagazine.com/2012/07/jquery-lightbox-plugins.html 他にも、こちらのサイト（英語）で沢山のlightboxライブラリが紹介されていますので、気になった方はこちらもどうぞ。 それでは、体調がすぐれないのでこの辺で…m(_ _)m
CSS3で出来たクールなLightBox実装チュートリアル:phpspot開発日誌
CSS3 Lightbox | Codrops CSS3で出来たクールなLightBox実装チュートリアル。 もうなんでもCSS3でできるような気になってしまいますが、LightBoxもCSS3で出来るみたい。デモのクオリティも高いです セットのダウンロードも出来るので学習用と実用例として使えます。 クリックして開いた場合、CSS3によってオーバーレイでイメージが表示されます。 関連エントリ フルスクリーン背景がスライドショーになるCSS3サンプル アニメーションするバナーをCSS3で作るチュートリアル CSS3でクールな角丸テーブルを作る例 CSS3の機能をフルに使った価格表テーブル例 ピュアCSS3で動くiPhone4のデモ
[CSS]画像やコンテンツや動画を表示するCSS3で実装したLightbox
動画を表示 対応ブラウザはFirefox, Chrome, Safari, Operaの最新のバージョンで、IE6/7ではJavaScriptを使用することで動作させています。 スタイルシートのオフ時には、各リンクはページ内アンカーとして動作し、下記のように表示されます。
[CSS]Lightbox風エフェクトをCSSで実装する方法
Lightbox、Thickbox風のエフェクトをJavaScript無しで、CSSで実装する方法の紹介です。 Create a Lightbox effect only with CSS - no javascript needed [Emanuele Feronato] 上記サイトで紹介されているコードを使用すると、Lightbox風のエフェクトを実装することができます。 「JavaScript無し」とサイトにはありますが、onclickのイベントに入っているので厳密に言うとJavaScript無しではありません。 簡単に実装できるので、いろいろと応用も効きそうです。 lightbox lightbox 2 thickbox GreyBox
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptを使って画像の切り替え&LightBox使用
[CSS]スクリプト無しでLightbox風に画像を拡大表示するスタイルシート