クールな画像拡大jQueryライブラリ「lity.js」、レスポンシブにも対応！ | イリテク

2015/09/03 81 users レスポンシブ イリテク rel jQuery href

クリックで画像が拡大されるライブラリはlightboxなど数多くありますが、その中でもデザインの邪魔をせず、実装もかんたんなライブラリ、それがlity.jsです。 使い方 公式サイトから一式ダウンロード。 ダウンロードしたファイルの中で使うのはdistフォルダ内のlity.js、lity.cssのみ。 jQueryの後に読み込ませます。 <link href="lity.css" rel="sty... 続きを読む

[JS]画像を拡大表示するLightboxの進化形、デバイスごとに異なる設定も可能な高性能な軽量スクリプト -Chocolat | コリス

2015/07/30 69 users chocolat コリス スライダー ウィンドウ スクリプト

デスクトップ、タブレット、スマホのそれぞれに合わせた方法で、指定したエリアやウインドウいっぱいに画像を拡大表示したり、そのまま複数の画像を表示するスライダーにすることもできる、軽量で高性能な画像を拡大表示するスクリプトを紹介します。 スクリプトだけでなく、ページ全体やデモなども非常に面白いデザインです。 Chocolatの特徴 個人ユーザーからプロのWeb制作者まで 専門的な知識がなくても簡単に実... 続きを読む

画像を拡大全画面表示するのに、まだ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のデモ デモはデスクト... 続きを読む

小型ウェアラブルカメラ「CA7CH Lightbox」--衣類に装着してハンズフリー撮影が可能 - CNET Japan

2014/07/07 66 users 衣類 ライブストリーム CNET Japan Wi-Fi 撮影

「CA7CH Lightbox」は小型ウェアラブルカメラだ。大きさ38×38×10mmで重量30gのLightboxは、8Mピクセルカメラを搭載することで静止画や動画の撮影およびライブストリームが可能となっている。動画の場合、30fpsで1080pの撮影ができる。 Lightboxは、8Gバイトのフラッシュメモリを搭載するが、撮影した画像をWi-FiまたはBluetooth経由でスマートフォンや専... 続きを読む

フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」:phpspot開発日誌

2013/08/26 58 users phpspot開発日誌 フラットデザイン フラット化 ところ

フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 2013年08月26日- Nivo Lightbox - Dev7studios フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 次のようにシンプルなフラットデザインを採用したLightBoxが実装できます。 こういうところまでフラット化の波が押し寄せています。ざっぱ〜ん。 ... 続きを読む

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... 続きを読む

タッチデバイスに対応したフリーのLightbox・スライドショーjQueryプラグインまとめ6つ - W3Q

2013/03/26 54 users タッチデバイス W3Q

【Liquid Slider】 スマートフォンのタッチ操作に対応したjQueryコンテンツスライダープラグイン。 Liquid Slider: A Responsive HTML5 jQuery Content Slider http://liquidslider.kevinbatdorf.com/ The Liquid Slider is a fully featured HTML5-ready... 続きを読む

スワイプできるLightBox実装jQueryプラグイン「Swipebox」:phpspot開発日誌

2013/02/15 70 users Swipebox jQuery lightBox スワイプ

Swipebox | A touchable jQuery lightbox スワイプできるLightBox実装jQueryプラグイン「Swipebox」。 LightBoxが最初に出た時はタッチデバイスがこんなにも流行っているとは思いませんでしたが、今やタッチデバイスの勢いは留まることを知りません。 というわけで、タッチデバイスでも画像をスワイプで送ることのできるjQueryプラグインが公開され... 続きを読む

タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox - かちびと.net

2013/02/08 71 users タッチデバイス net

続きを読む

今更ながら？みんな大好き「lightbox」プラグインを集めてみました - Webデザイン初心者向けのあれこれ

2013/01/13 74 users 風邪 プラグイン 2013-01-14 みんな大好き お馴染み

2013-01-14 今更ながら？みんな大好き「lightbox」プラグインを集めてみました HTML JavaScript CSS 風邪引いてしんどい…僕です。 登場から数年、すっかりお馴染みとなった「lightbox」。 この数年の間に様々な派生プラグインが出ました。 今回は、そのいくつかを紹介していきたいと思います。 1.ColorBox 2.fancyBox 3.prettyPhoto 4... 続きを読む

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

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

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

今こそ知っておくLightbox風プラグイン20+:phpspot開発日誌

2012/07/24 58 users phpspot開発日誌 マイナ インタフェース 定番 軽量化

20 Useful jQuery Lightbox Plugins 今こそ知っておくLightbox風プラグイン20+。 LightBoxが登場して7年ぐらい経つんでしょうかね。色々なところで見るようになったLightBoxのインタフェース。 新しいウィンドウを開く部分の軽量化、ポップアップブロック対策などとして広く使われるようになりました。 派生スクリプトも多数出てきていますので、定番からマイナ... 続きを読む

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

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

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

フィードバック用のフォームを簡単にブログに設置できるWordPressプラグイン・Usernoiseが便利そうだったので日本語の翻訳ファイル作った - かちびと.net

2011/08/29 54 users net 翻訳ファイル フォーム 日本語 ブログ

WordPressでWebサービスやブログを 運営していく上で、もっとユーザーのニーズ を知りたい、という方は普通のコンタクト フォームよりも、その場で表示できて、 送信も手軽に行えるフィードバック用の フォームを設置したほうが何かと効率的 だと思います。 そのためのWordPressプラグインがUsernoiseで、Lightboxで表示されるフィードバック用のフォームを簡単に設置できるのですが... 続きを読む

Lightbox内にサムネイルも表示出来るイメージギャラリー系jQueryプラグイン・ppGallery - かちびと.net

2011/08/06 89 users サムネイル net jQueryプラグイン 大半 ポップアップ

ポップアップしたLightbox内にサムネイルも表示可能 なjQueryプラグイン・ppGalleryのご紹介です。Lightbox 系のjQueryプラグインの大半は1つずつ見ていくか、 一旦ポップアップを閉じてからもう一度開く必要があり ましたが、ppGalleryは一回開けばあとはサムネイルで 好きな画像に飛べるのでLightboxスクリプトの中でも イメージギャラリーに向いてそうです。 さ... 続きを読む

[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... 続きを読む