Ben Plum / Formstone / Boxer
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"> <
jQueryベースで綺麗なLightBox風JavaScript「ColorBox」
巷に溢れかえるLightBox風ギャラリー。 ColorBoxもそんなJavaScriptの一つですが、colorと名乗るだけあり、綺麗な感じです。 sponsors 使用方法 ColorBoxからファイル一式をダウロードします。 <link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" /> <link type="text/css" media="screen" rel="stylesheet" href="colorbox-custom.css" /> <!--[if IE]> <link type="text/css" media="screen" rel="stylesheet" href="colorbox-custom-ie.css" /> <![endif]--> <script ty
jQueryでLightBoxライク画像ギャラリー「piroBox」
食傷気味のLightBoxですが、まだまだ派生JavaScriptは進化を続けています。 jQueryプラグインの「piroBox」を紹介します。 sponsors 使用方法 piroBoxからファイル一式をダウンロードします。 <link href="pirobox.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="pirobox.js"></script> <script> $(document)
jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」 LightBoxをjQueryで実現するJavaScriptは以前jQueryでLightBoxを実現するjavascript「jQuery lightBox plugin」で紹介しましたが、今回紹介する方が高機能で柔軟性があるかもしれません。 jQuery Lightbox Plugin (balupton edition)です。 sponsors 使用方法 jQuery Lightbox Plugin (balupton edition)からjquery.lightbox.jsとjquery.lightbox.packed.cssを、jQueryからjquery.jsをダウンロードします。 次にhead内に以下を加えます。 <script
jQueryで画像・動画などを表示するLightboxクローン「CeeBox」
久しぶりにLightBoxクローンの紹介です。 JavaScriptライブラリのjQueryプラグイン「CeeBox」により、画像・動画をきれいに表示することが可能です。 sponsors 使用方法 CeeBoxからファイル一式をダウンロードします。 <link rel="stylesheet" href="ceebox.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.swfobject.js"></script> <script type="text/javascript" src="jquery.ceebox.js"></script> <script
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
