画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！

2014/11/28 267 users onclick マク コピペ 昨今 HTML

2014-11-29 画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ フルスクリーン・モード使えよ。楽だぞ 昨今のブラウザにはフルスクリーンモードが搭載されていて、それを使うと、コピペレベルで画像を拡大表示が出来る 画像をフルスクリーンにお手軽に作るHTMLの例 <div id='img01' onclick="this.webkitRequestFullScreen();" ... 続きを読む

[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip | コリス

2014/10/05 265 users jQuery インタラクション Strip コリス プラグイン

スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです！ しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Str... 続きを読む

[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images | コリス

2014/07/08 218 users デスクト コリス スクリプト 単体 タップ

デスクトップのクリック操作、スマフォ・タブレットのタップ操作でも快適に、画像を拡大表示させる超軽量（7.8KB）のスクリプトを紹介します。 jQueryなど他のスクリプトは不要で、単体で動作します。 Intense Images Intense Images -GitHub Intense Imagesのデモ Intense Imagesの使い方 Intense Imagesのデモ デモはデスクト... 続きを読む

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

2013/04/22 113 users phpspot開発日誌 オシャレ 好み 拡大 オリジナル

jQuery Image Lightbox: Prime Time DEMO LightBoxはここまで進化したよ「VisualLightBox」 CSS3等を使ってかなりオシャレに進化したLightBoxが実装できます。LightBoxはもう８年ぐらいまえに登場して、今オリジナルをみるとなんか古い感じがするということで時の流れを感じます クリックするとオシャレに拡大。 テーマが大量にあって好みの... 続きを読む

[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月 | コリス

2013/04/21 291 users jQuery コリス キャプション Intro.js 補足説明

紹介済みから未紹介のものまで、最近リリースされたjQueryのプラグインをまとめました。 Intro.js ページのガイドを表示します。 Chardin.js オーバーレイでページの補足説明を表示します。 HCaptions 画像ホバーでさまざまなアニメーションでキャプションを表示。 SuperBox レスポンシブ対応で画像を拡大表示します、Lightboxの進化形。 tosrus タッチデバイス... 続きを読む

[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox | コリス

2013/04/07 256 users jQuery コリス jquery.js CSS href

lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「<a hrefp://jquery.com/">jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css... 続きを読む

あの重さからさよなら！投稿画面から直接画像をドラッグアンドドロップでメディア追加できるWordPressプラグイン2種！*frasm

2012/10/15 1566 users frasm shintarowfresh 解放 プラグイン

精神的負担からの解放！ WordPressに画像を貼り付けるの、面倒ですよね。@shintarowfreshです。 なにより、メディアを追加するときのLightboxが実に重い！ あのLightboxから解放されて、投稿画面に画像をドロップするだけで貼り付けられたら、恐ろしく捗ると思いませんか？ というプラグインを2種ご紹介します。 意外にめんどくさい画像の連続貼り付けにも対応してくれてますよ！ ... 続きを読む

どれ使おう？モーダルウィンドウ（Lightbox 風スクリプト）を集めてみました | バシャログ。

2012/04/05 124 users モーダルウインドウ バシャログ

この間の春の嵐はすごかったですね。いろいろ飛ばされないように必死だった kimoto です。帰りの電車は久々に足が浮くほどの超満員を経験しました。 さて、ちょっとモーダルウインドウを調べる機会があったのでまとめてみます。 基本的に、全て jQuery で動くものになっています。 最新の情報ってわけではないですが、場面ごとに選べるものを集めてみたのでお試しくださいませ。 超シンプルな軽量スクリプト ... 続きを読む

[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me | コリス

2010/05/30 306 users コリス jQuery ドキュメン DOMエレメント リサイズ

IE6にも対応した、DOMエレメントをLightboxのエフェクトで表示するjQueryのプラグインを紹介します。 Lightbox_me – Stupidly Simple Lightboxing Lightbox_meは他のLigtbox系スクリプトのソリューションにはない特徴をもっています。 DOMエレメントをLightbox化。 ウインドウのリサイズ時はオーバーレイもリサイズ。 ドキュメン... 続きを読む

30 Ajax Lightboxから使えそうなものを9個ピックアップ*ホームページを作る人のネタ帳

2009/06/21 363 users ネタ帳 prototype ホームページ jQuery 通称

通称『 Lightbox 』のまとめ記事ですね。 jQuery、prototypeの両方をカバーしている記事で、非常にボリュームのあるエントリーがあったのでご紹介。 使い易いLightbox Lightboxって何？っという人がいたらまぁ以下の画像をクリックしてもらえればわかります。 （携帯ユーザーのアクセスが最近多いですが、携帯では確認出来ません） とりあえずページを全て読み込んでから出ないとJ... 続きを読む

素晴らしいjQueryのチュートリアル45選 | CREAMU

2009/02/06 314 users CREAMU フェードイン jQuery インターフェース

jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『40+ Excellent jQuery Tutorials』。素晴らしいjQueryのチュートリアル45選だ。 以下にいくつかご紹介。 » デザイナーのためのjQueryチュートリアル » Facebookスタイルのlightbox » ソートできるポートフォリオの作り方。↑のキャプチャはこちら » フェードイン... 続きを読む

Lightboxスクリプトいろいろ - DesignWalker

2008/01/16 647 users DesignWalker doctype HTML 流行 古い

 2 Responses to “Lightboxスクリプトいろいろ” WD style Says: May 12th, 2008 at 9:48 pm lightbox… ちまたで流行のlightbox。 そういう私も結構お世話になっているのですが、古いサイトをリニューアルするときに使おうと思っても、htmlの<!DOCTYPE> - ドキュメントタイプが古いと…… アンアン Says: Ju... 続きを読む

JavaScript Library Archive

2007/11/01 564 users thickbox ライセンス 用途別 配布元 解説

JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトになります。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ jQuery版のLightBox「ThickBox」 優雅なWeb製作者の為の『yuga.js』 非常にきれいなcoverflowギャラリー『ImageFlo... 続きを読む

【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル

2007/06/14 304 users Ajax ハウツー ライブラリ 人手 スクリプト

Lightbox 2.0とは？ Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHT... 続きを読む

Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌

2007/02/21 221 users Ajax redux phpspot開発日誌 実装 ブラウザ

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 次の記事 »：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前... 続きを読む

Lightbox.js で学ぶ script.aculo.us アニメーションの使い方：Goodpic

2006/11/18 205 users Goodpic Lightbox.js JavaScrip

写真をWEBで見せるためには、Javascriptでのエフェクトが流行な昨今ですが、Lightbox.js のような見せ方をどうやって実現しているのか興味があったので、ちょっとLightbox.jsを題材に勉強してみようかと、遅ればせながら思い立ってみたり。。 Lightbox JS v2.0 lightbox.js ソース lightbox クラスのinitialize 早速、Javascrip... 続きを読む

サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla

2006/10/14 2634 users caramel*vanilla Cool ライブラリ 写真

Lightbox風ポップアップ表示ライブラリ サムネイルをポップアップ表示といったらLightbox JSが有名で、2やらPlusやら様々なバリエーションも生まれました。 今日みつけたHighslide JSはLightboxのようにサムネイルをポップアップで表示してくれるのですが、ボーダーや角丸デザインのバリエーションがあり、写真をよりいっそうCOOLに見せてくれるライブラリです。 *非商用サイ... 続きを読む

GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場

2006/07/05 222 users GIGAZINE moo.fx スクリプト http 以下

オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量... 続きを読む

Lightbox 2

2006/03/29 807 users

Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related i... 続きを読む