[B! lightbox] tytoのブックマーク

レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」:phpspot開発日誌

Image Lightbox, Responsive and Touch?friendly ? Osvaldas Valutis レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 4kbと軽量で、画像だけLightbox風にしたいのであればこれはよさそうです。関連エントリレスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 Medium風のシンプルなLightBoxが実装できるjQueryプラグイン「Flui dbox」 PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」

tyto 2014/02/16

リンク

LightBoxはここまで進化したよ「VisualLightBox」:phpspot開発日誌

jQuery Image Lightbox: Prime Time DEMO LightBoxはここまで進化したよ「VisualLightBox」 CSS3等を使ってかなりオシャレに進化したLightBoxが実装できます。LightBoxはもう８年ぐらいまえに登場して、今オリジナルをみるとなんか古い感じがするということで時の流れを感じますクリックするとオシャレに拡大。テーマが大量にあって好みのデザインを選びたい放題 Windowsっぽいスキン。LightBoxが出たのってポップアップを禁止するツールが多く出てきたことが背景にありますが、ページ内ポップアップされていて面白い。関連エントリスワイプできるLightBox実装jQueryプラグイン「Swipebox」今こそ知っておくLightbox風プラグイン20+

tyto 2013/04/22

リンク

Fresco: Elegant and Responsive jQuery Lightbox Plugin

Introduction Fresco is a jQuery lightbox plugin. Unlike most lightbox, Fresco is the first truly responsive lightbox. There are many responsive websites around, Fresco can fit in them easily as it will resize itself based on screen size. Personally, I think Fresco is a nice looking modal window (simple but elegant), along with its built-in thumbnail view and support of responsive layout, no doubt,

tyto 2013/01/17

リンク

jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法

拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します。 jQuery lightBoxプラグインの使い方は、下記の公式サイトやネットの情報をご覧ください。 jQuery lightBox plugin １．問題点 jQuery lightBoxプラグインは元画像である拡大画像の表示サイズを設定できないため、元画像のサイズによっては次のように期待通りの表示にならないケースがあります。対処前の拡大画像（ブラウザの幅を超えて拡大）本エントリーの対処を行うことで、拡大時のサイズを制限することができるようになります。対処後の拡大画像２．jquery.lightbox-0.5.jsの修正 jQuery lightBoxプラグインに含まれる、jquery.lightbox-0.5.jsを任意のエディタで開き、

tyto 2011/12/08

リンク

[JS]ドラッグで移動も可能なモーダルウインドウを作成する軽量スクリプト -Simple Modal

アラート、コンファームだけでなく、AJAXコンテンツ、画像、動画など表示するモーダルウインドウを実装するスクリプトを紹介します。 Simple Modal [ad#ad-2] Simple Modalの特徴 Simple Modalのデモ Simple Modalの実装 Simple Modalのダウンロード Simple Modalの特徴モーダルウインドウを簡単に生成します。生成したモーダルウインドウは、ドラッグ操作で移動可能です。コールバック関数を備えています。画像や動画、AJAXコンテンツにも対応しています。 Simple ModalのデモデモではSimple Modalのさまざまな実装例があります。

tyto 2011/12/08

リンク

最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート

ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが定番になりつつありますね。ふわっと、ポップアップみたいに浮き上がってくるウインドウ、画像やテキストのスライドなど最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたりスライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。シンプルなdemo Even More Demosもオススメです。オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa