[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images
サムネイル真ん中の風景写真は縦長 Intense Imagesの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ※jQueryなど他のスクリプトは必要ありません。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML 画像は2種類の配置方法があります。 img要素はサムネイルと拡大時の画像を兼用し、data-image属性は拡大時に高解像度の画像を利用することができます。 <img src="./img/awesome-source.jpg" /> <!-- OR --> <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用する時は、サムネイルはCSSで背景画像として指定
lightboxをiframeと組み合わせて使う | bontetsu.jp
Lightbox Plus ColorBox - WordPressプラグイン - 新しいページを開かずに画像をポップアップ - WordPressの使い方と設定 - Webkaru
新しいページを開かずに画像をポップアップするWPプラグイン「Lightbox Plus ColorBox」を紹介します。 WPプラグイン「Lightbox Plus ColorBox」 WPプラグイン「Lightbox Plus ColorBox」は、新しいページを開かずにページ遷移することなく画像をポップアップしてくれるプラグインです。さらにゆっくりアニメーション効果をつけて画像表示したり、スライドショーができたり、至れり尽くせりのプラグインです。 リンク付きの画像をクリックするとふんわりと画像がポップアップされ、画像以外はグレーアウトされ、うっすらと表示されます。以下の画像で実際に体験してみましょう。 リンク付きの画像 ▼クリックすると……ふわっと！ リンクなしの画像 ▼クリックしても……ふわっとなりません。この画像をポップアップするためにはAタグのリンクを画像につける必要があります。
todya-only.net
どれ使おう？モーダルウィンドウ（Lightbox 風スクリプト）を集めてみました | バシャログ。
この間の春の嵐はすごかったですね。いろいろ飛ばされないように必死だった kimoto です。帰りの電車は久々に足が浮くほどの超満員を経験しました。 さて、ちょっとモーダルウインドウを調べる機会があったのでまとめてみます。 基本的に、全て jQuery で動くものになっています。 最新の情報ってわけではないですが、場面ごとに選べるものを集めてみたのでお試しくださいませ。 超シンプルな軽量スクリプト leanModal leanModal leanModal はとにかく軽量です。デモを触ってみると、その軽さがわかると思います。 ただし、軽さを徹底的に追求した結果なのか、IE6 には対応していないとのこと。 また、イメージギャラリーなどとしては使えないとのことです。 ちょっとした文章を表示するだけの場合などはこれで十分ですね。 そこそこ軽量、そこそこ機能的 Simple Modal Simple
ColorBox - ポップアップ内を自由に設定できる活かしたjQuery
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
マウスオーバーで画像を拡大させるJavaScript「MagicalHover」
twitter facebook hatena google pocket 画像の拡大と言えばLightBox・・・と言わずに、こんなJavaScriptはいかがでしょう？ インラインで拡大画像を見せられるMagicalHoverです。 sponsors 使用方法 MagicalHoverからファイル一式をダウロードします。 <link rel="stylesheet" type="text/css" href="magicalHover-01beta1.css" media="screen" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="magicalHover-01beta1.pack.js"></script> <script
[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me
IE6にも対応した、DOMエレメントをLightboxのエフェクトで表示するjQueryのプラグインを紹介します。 Lightbox_me - Stupidly Simple Lightboxing Lightbox_meは他のLigtbox系スクリプトのソリューションにはない特徴をもっています。 DOMエレメントをLightbox化。 ウインドウのリサイズ時はオーバーレイもリサイズ。 ドキュメントがウインドウよりサイズが小さい場合はオーバーレイのサイズを変更。 全てのブラウザで固定配置（fixed）で表示。 ウインドウがモーダルボックスより小さい場合は固定配置（fixed）が自動的に絶対配置（absolute）に切り替え。これによりユーザーはスクロールが可能に。 そして、軽量でシンプル、という素晴らしい特徴も備えています。 対応ブラウザはIE6+, Fx2.5+, Safari, Chr
mediaboxとzoomifyで簡単に楽して画像をリッチに見せる – Commit Lab
Flashや動画にもlightbox効果をあたえてくれるJavascript『Shadowbox.js』 | CREAMU
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iframeでjQuery lightbox pluginを使う | wasabi
Loading...
LightWindowの設定の仕方・使い方・方法
Shadowbox.js 3.0bの使い方 - Blog：+Chip