キーワード検索「Lightbox」
1120
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(funct...
611
tumblrで画像収集するのは割と当たり前 ですが、後で見返すときに見にくいテーマ だと見る気がしないのでいろいろ試して いましたが、せっかく試したのでついでに 画像収集に向いてそうなtumblrのフリー のテーマをご紹介します。 というか変えたい時に探してるんですけど、いちいち面倒なのでメモしたいんですが、せっかくなのでここにリンク集作ってシェアしようかなと思った次第です。 簡単ではありますが、...
531
96332132, iStockphoto/ ThinkstockCSSでかっこいいUIを実装したい。そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。なかなかいい感じのものが揃っています。Valid Non-Javascript Lightbox JavaScript...
307
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモし...
252
結構便利だったのでシェア。Web制作 に関する日本語スライドを集約している フォロワーさん作のWebサービスです。 話題のHTML5やCSS、iPhoneの事や jQueryからPHPやRubyと幅広くサポート してあります。 人気のスライド共有サイト、SlideShareで日本語のスライドのみを集めています。スライドはその場でLightbox風にポップアップして見れます。英語が苦手な方も探す手間...
278
![[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lightboxme.html)
IE6にも対応した、DOMエレメントをLightboxのエフェクトで表示するjQueryのプラグインを紹介します。Lightbox_me – Stupidly Simple LightboxingLightbox_meは他のLigtbox系スクリプトのソリューションにはない特徴をもっています。DOMエレメントをLightbox化。ウインドウのリサイズ時はオーバーレイもリサイズ。ドキュメントがウイン...
197
ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」2010年06月10日-Video LightBox - Embed video to your website with beautiful Lightbox effect! ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」。 名前から推...
158
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。Jquery Photo Viewerオンラインのジェネレーターでは...
127
全画面をスライドギャラリー風にするダイナミック なナビゲーションをjQueryを使って実装するサン プルです。透過処理が必要ですが、IE6、IE7の 両問題児でも問題なく動いてくれますので、実践 でもプロモーションなどに利用できるっぽいですね。 スライドするとロゴが平行してスライドする事で視差 効果も出しています。 クロスブラウザ対応なので使いどころも出て来るかもしれませんね。ダイナミックに動いて...
136
iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢として思えておくといつか 役に立つかも、と思ってエントリー。 PCは勿論、iPhoneやiPadでも、そのモニターサイズの幅に合わせてLightbox風にフルスクリーン表示...
95
jQueryプラグインなにそれおいしいの？役に立つプラグインばっかりで面白くない！ぼくらはもっと面白くて役に立たないものを求めてるんだ！あまのじゃくな人たちのために（面白いかどうかは別として）何の役にも立たないプラグインを集めました。全力で行きます。全力で。 Windowを広げると逆にカラムを縮めるプラグイン jDTreverseLiquidリキッドレイアウトはテキストメインのサイトで見やすさを発...
100
![[JS]ページの流れをさえぎらない画像拡大スクリプト – jQuery.popeye | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-popeye.html)
画像を拡大するスクリプトとしてはLightboxやfancyboxが有名ですが、これらはページの流れをさえぎってしまう弱点をかかえています。この弱点を改良すべく開発された新しい画像拡大（ギャラリー機能付）スクリプトをC [...]
87
「Visual LightBox」は数回のクリックでLightbox（一度開くと閉じるまで他の操作をできなくするタイプのダイアログボックス「モーダル・ダイアログ」を使って大きいイメージを表示するためのJavaScriptアプリケーション）スタイルのフォトギャラリーを簡単に作ることができるソフトウェアです。 わかりやすくシンプルなユーザーインターフェイスと、ドラッグ＆ドロップでウインドウの中へ写真を...
75
最近あまり見なくなってきたし、個人的にも使う機会も減ったLightbox系のプラグインを久しぶりに探したついでにメモ。またいつか使うときのために・・・ライセンス形態と対応メディアも付けたのでそれなりに見やすいかもかもかも。（デモもつけようと思ったけどめんどくさいからやめた・・・jQuery LightBox pluginいつものLightbox。お世話になった人も多そう。ページアーカイブ・デモ対応...
72
指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」2010年05月31日-Lightbox_me - Stupidly Simple Lightboxing 指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」。 通常、LightBoxというと、画像や動画などをポップアップで表示する際...
57
WordPressはアップロードした画像を ショートコードで記事内にイメージ ギャラリーとして実装出来る機能が デフォルトで備わっています。ただ、 これが地味に使い勝手がよくないの でもうちょい頑張ってみようかなと。 というわけで誰の役に立つのかわからないシリーズです。切欠はちょっとメール頂いたのと、Webデザインレシピさんの使いづらいWordPressのギャラリーをけっこう使えるギャラリーにする...
61
DHTMLXといえば、有名なライブラリの dhtmlxGridをイメージする方も多いかも しれませんが、そんなDHTMLXのサイト を覗いたら、タッチデバイス向けのフレー ムワークを商用もフリーのGPLライセンス で配布していましたので情報をシェア。 HTML5製なので後学用にDLするのも いいかもですね。 DHTMLX Touch library will be available under ...
41
VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか、僕が知らないだけで結構使ってる 方もいるのかもｗ 仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックする...
39
ポップアップしたLightbox内にサムネイルも表示可能 なjQueryプラグイン・ppGalleryのご紹介です。Lightbox 系のjQueryプラグインの大半は1つずつ見ていくか、 一旦ポップアップを閉じてからもう一度開く必要があり ましたが、ppGalleryは一回開けばあとはサムネイルで 好きな画像に飛べるのでLightboxスクリプトの中でも イメージギャラリーに向いてそうです。 さ...
40
![[JS]イージングのアニメーションを伴って画像を拡大するスクリプト -jQuery Image Flyout | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-image-flyout.html)
イージングのアニメーションを伴って画像を拡大・縮小表示するLightbox風のjQueryのプラグインを紹介します。jQuery Image Flyoutの特徴プリローディングjQuery Image Flyoutではダイナミックな画像のプリローディング機能を実装しています。画像のローディング中は、ローディング用のテキスト、またはローディング用のアニメーションを利用することができます。イージングの...
