LightBoxプラグイン(改良版)。 | Junnama Online
ご要望いただいたので(社内だけど...)、アップロードしたサイズとは別にLightBoxで表示する画像のサイズを指定出来るようにしました(指定したサイズの画像は自動的に生成されます)。 rel="lightbox" を付ける/付けないをチェクボックスで指定し、リンク先を指定したサイズの画像へのパスにします。 上記の画像のように指定した場合、例えば以下のようなリンクになります(幅250pxのサムネイルから600pxの画像へのリンクになります)。 「LightBoxで表示する」横の「幅」が空白の場合はアップロードしたオリジナル画像へのリンクになります。 <form mt:asset-id="1" class="mt-enclosure mt-enclosure-image" style="display: inline;"> <a rel="lightbox" href="http://alf
GlassBox 透明感のあるデザインをJavaScriptで実装する
GlassBox Don't panic! It's not magic. It's only a simple solution to create another kind of boxes. GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and "Flash-like" effects. The GlassBox library .. is easy to use, customizable and skinnable comes with a coheren
複数のライブラリに対応したLightboxスクリプト -Shadowbox.js
Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモ ダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。 下記に主な特徴を挙げます。 拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUI Ex
Lightview “Overlay anything width style”
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm
Youtube, Metacafe, Google Video, iFilm and custom flashnew Introduction Videobox is a 6kb script, which shows your videos in the page with an overlay. It was inspired from Lightbox.v2 and uses some of the Slimbox's code. It's written for the wonderful mootools library. And used swfobject to embed flash. Above, there is some example. Usage Firstly, you should include 3 javascript files to your page
[JS]jQueryで動作するlightboxのプラグイン -jQuery lightBox plugin
jQuery lightBox pluginは、画像の拡大表示ができるlightboxを実装できるjQueryのプラグインです。 jQuery lightBox plugin jQuery lightBox pluginの実装は、「jquery.js」と「jquery.lightbox-0.3.js」を外部ファイルとして参照し、その後に下記を記述します。
自動で画像のスライドショーが可能なLightBox風ライブラリ「splash.image.js」:phpspot開発日誌
自動で画像のスライドショーが可能なLightBox風ライブラリ「splash.image.js」 2007年06月07日- Du cde chez Xuan - Ressources / Javascript / Splash (image plein ・ran et diaporama) 自動で画像のスライドショーが可能なLightBox風ライブラリ「splash.image.js」 画像をクリックするとそのウィンドウ内で画像を表示できるLightBoxで、スライドショーが可能なライブラリが公開されました。 右下にある、「次へ」「前へ」ボタンによって画像が送れるだけでなく、まんなかの「再生」ボタンで自動再生が可能です。 実装もLightBox同様に、必要なライブラリとCSSを読み込んだ後、アンカータグの rel 属性にグループ設定を書くだけです。 <!-- 必要ライブラリの読み込み --
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」:phpspot開発日誌
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」:phpspot開発日誌
JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」 2007年02月27日- ModalBox ? An easy way to create popups and wizards JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」。 次のように、LightBox風に同一ページ内で動作するウィザードを作成することが出来ます。 動画が軽くてサクサク動くこのUI は使いどころによってはかなり便利なサイトであるという印象を与えることが出来そう。 実装方法は次の流れ 1) まず、JavaScriptファイルとCSSファイルを読み込みます。 <script type="text/javascript" src="includes/prototype.js"></script> <script type
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 2007年02月21日- Suckerfish HoverLightbox Redux - Monday By Noon When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received. JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」。 次のような写真の見せ方のサンプルファイル(html+JavaScript+CSS)がダウンロードできます。 ↓ マウスオーバーで画像レ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LightBox(Movable Type)プラグイン。 | Junnama Online
open-arms.biz
artViper Marketingagentur
leandrovieira.com – Só mais um site WordPress
Lightboxスクリプトいろいろ - DesignWalker