Loading...
いまさらjQueryのLightboxぽいプラグインいろいろ :: 5509
最近あまり見なくなってきたし、個人的にも使う機会も減ったLightbox系のプラグインを久しぶりに探したついでにメモ。またいつか使うときのために・・・ライセンス形態と対応メディアも付けたのでそれなりに見やすいかもかもかも。 （デモもつけようと思ったけどめんどくさいからやめた・・・ jQuery LightBox plugin いつものLightbox。お世話になった人も多そう。 ページ
様々なjQueryで動作するライトボックスを集めた「31 mind blowing collection of jQuery light box」
TOP > WebDesign > 様々なjQueryで動作するライトボックスを集めた「31 mind blowing collection of jQuery light box」 javascriptを使って、画面にオーバーレイしてコンテンツを表示させるライトボックス。現在のWEBページでは一般的な表現方法の一つで、数多くのサイトで公開されていますが、今回紹介するのは様々なライトボックスなjQueryプラグインをあつめたエントリー「31 mind blowing collection of jQuery light box」です。 Milkbox どれも基本的な機能は同一のものになりますが、それぞれで少し特徴があるものもあります。今日はまとめられているライトボックスの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■PrettyPhoto 角アールな表現が可
Web-ContentsSketch：ウェブを中心にデザイン活動している人の日々の記録 【次世代？ThicBoxの次に来るものを探したりしました。jQueryプラグインではColorboxとFancyboxがオススメ！】
WEBデザイナーとして日々感じたこと、思ったこと。 写真、絵、デザイン、WEB、インタラクションなことがらについて。 フットサル／サッカーの話題なども。 今制作中の案件で画像閲覧にThickBoxを実装中だったのですが、jQuery1.3や1.4ベースになりつつあったので、 ThickBoxのバージョンアップがされてるか、確認にThickBox3.1公式サイトへ行ってみました。（1.2ベースでないとThickBoxが動きません） あれ？Thickbox3.1で止ってる。jQuery1.2.xまでしか対応していない。(^^; 公式サイトでは、他のプラグインへの乗換えを勧めてるのを発見。 そかー。（ThickBox役割を終えつつあるんだなぁとか、結構お世話になってるのでしんみり(^^;） その中でMITライセンスで使い勝手が良かったのが、以前からあったFancyBoxと、今回初めて知ったCol
[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
YoxView - jQuery image viewer plugin
YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin.YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin. YoxView is inspired by Lokesh Dhakar's Lightbox. Like it, YoxView displays images above the website's content, as a separate layer. Features Images are resiz
95+ Incredible jQuery Image Effect Plugins | Tripwire Magazine
95+ Incredible jQuery Image Effect Plugins by Lars | Last updated Feb 14, 2017 | jQuery Plugin Collections | 13 comments Images are incredibly important ingredients in web design to make websites user friendly and look nice. In addition, it is possible to add image effects using some cool jQuery image effect plugins. It is easier than most people think to use jQuery plugins and the result can be a
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.
Lightwindowスクリプト実験
下準備 １：Lightwindowスクリプトをこちらからダウンロードします。 ２：以下のソースコードを<head>内に記述し、必要な.jsと.cssファイルを読み込みます。 (読み込み元の階層によっては、lightWindow.js内の画像読み込みのパスを書換える必要があります） <!--Lightwindowスクリプト開始--> <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/effects.js"></script> <script type="text/javascript" src="javascript/lightWindow.js"></script> <link rel="styleshee
jQueryで画像・動画などを表示するLightboxクローン「CeeBox」
twitter facebook hatena google pocket 久しぶりにLightBoxクローンの紹介です。 JavaScriptライブラリのjQueryプラグイン「CeeBox」により、画像・動画をきれいに表示することが可能です。 sponsors 使用方法 CeeBoxからファイル一式をダウンロードします。 <link rel="stylesheet" href="ceebox.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.swfobject.js"></script> <script type="text/javascript" sr
Media Viewer Plugin - Shadowbox.js
The web content creators that would like to use Shadowbox on an advert resource are provided with commercial licenses. Shadowbox is an application that works as an internet-based image/video viewer, it supports all of the widespread audio and video formats. This app is created with CSS and JavaScript and can be tailored to customer needs easily. The core benefit of Shadowbox is that it allows web
40 Super-Neat JavaScript Plugins | Envato Tuts+
The right combination of JavaScript plugins can turn a simple website into a fantastic one - all while requiring minimal work on your behalf. Today, we'll review forty of the most popular plugins available. If we missed some, let us know in the comments! Form Validation jQuery Validate A plugin that allows you to build client-side validation and Ajax forms.
[JS]軽快なアニメーションで画像を拡大するスクリプト -Fancyzoom
拡大時のアニメーションが気持ちいい、画像を拡大表示するLightbox風スクリプト「Fancyzoom -jQuery version」を紹介します。 Fancyzoom -jQuery version demo Fancyzoom -jQuery versionはFancyZoomのjQuery版で、以前「jQueryのプラグイン33+1選 -2008年7月」で紹介した時から、拡大時のアニメーションが変化してより軽快なものになりました。 スクリプトのオプションでは、スピードや不透明度・オーバレイのカラーなどを数値で調整できます。 FancyzoomはjQueryのプラグインのため、実装にはjquery.jsが必要です。 また、IEの透過PNG画像の表示にjQuery.ifixpng、拡大画像のシャドウの表示にShadowを使用しています。
Lights Out – Dimming/Covering Background Content with jQuery « Build Internet
This is a quick and easy approach that tackles a pretty common technique. By the end of this tutorial you will be able to add pop up message boxes complete with dimmed background to your existing site. Feel free to take a look at the demo to scope out exactly what we’ll be creating here today. You may already be familiar with Lightbox – which does a number of the things we are aiming to accomplish
dottony.com - dottony リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]クロスブラウザ対応、validなXHTMLとCSSで実装されたLightbox風エフェクト
[JS]拡大縮小時のアニメーションの勢いがすごいLightbox風のスクリプト -Bumpbox
http://moto-mono.net/2009/07/06/make-thickbox-draggable.html
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
http://e0166nt.com/blog-entry-677.html
