個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
IE6、7でも動作・Lightboxのようにハイライトする拡大鏡を実装するjQuery・Loupe and Lightbox
なかなか用途がありそうでした のでメモ。Lightboxでよく見る ように周りを暗くして画像をハイ ライトさせながら、ルーペ機能 も実装するjQueryプラグインの ご紹介。 IE6と7でも動作確認しましたが、何の問題も無く動いてくれました。マークアップも凄く単純なので使い勝手も良さそうです。 こんな感じで画像をハイライトさせつつ、拡大鏡も実装します。 マークアップは以下のような単純なコードで実装出来ます。 <a href="images/big/belle_isle_big.jpg" class="one"> <img src="images/small/belle_isle_small.jpg" alt="belle isle" /> </a>小さい画像をアンカータグで囲ってリンク先を大きい画像のURLにするだけ。 jquery.loupeAndLightbox.jsを使いつつ、以下の
Video LightBox - Embed video to your website with beautiful Lightbox effect!
Add video to your website with stylish popup video effect! Now for Windows and Mac! Video LightBox JS is a free wizard program that helps you easily embed video to website, web page or blog, in a few clicks without writing a single line of code. All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. At the first step, you add a video clip, for example cut-n-paste YouTube url or d
Lightbox_me - Stupidly Simple Lightboxing - The jQuery lightbox plugin for people who know what they're doing.
What is it? Have you ever had a DOM element that you wanted lightboxed, but didn't want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you. Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss. Features Lightbox_me handles all of those annoying edg
jQuery 1.4.2 Visual Cheat Sheet woorkup.com
Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.
[JS]jQuery用のLightbox風スクリプト -jQuery Lightbox Plugin
jQuery Lightbox Plugin (balupton edition)は、アニメーションを使用して画像を拡大表示するjQueryで動作するLightbox風のスクリプトです。 jQuery Lightbox Plugin (balupton edition) デモページ 画像を拡大表示するには、スクリプトを外部ファイルとして指定し、下記のコードのようにrel属性に「lightbox」を記述します。 rel属性を変更することで表示方法を変更できます。 <textarea name="code" class="html" cols="60" rows="5"> <a rel="lightbox" href="sample-large.jpg"><img src="sample.jpg" /></a> </textarea>
Fancybox - Fancy lightbox alternative
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
これはカッコいい、テレビのノイズ画面風背景のLightBox作成:phpspot開発日誌
Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいいLightBoxの作成チュートリアル。 デモページ 単純に背景をGIFアニメーションにしているだけっぽいけど、なんかオシャレです。 1ネタとして覚えておいて損はなさそう。サンプルもダウンロード可能です。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル jQueryやPHPを使った便利な仕組みのチュートリアル集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://thinkclay.com/news/jquery-lightbox-modal-plugin
[JS]拡大縮小時のアニメーションの勢いがすごいLightbox風のスクリプト -Bumpbox