jQuery Lightbox Plugin (balupton edition)は、アニメーションを使用して画像を拡大表示するjQueryで動作するLightbox風のスクリプトです。 画像を拡大表示するには、スクリプトを外部ファイルとして指定し、下記のコードのようにrel属性に「lightbox」を記述します。

jQuery lightBox pluginは、画像の拡大表示ができるlightboxを実装できるjQueryのプラグインです。 jQuery lightBox plugin jQuery lightBox pluginの実装は、「jquery.js」と「jquery.lightbox-0.3.js」を外部ファイルとして参照し、その後に下記を記述します。

画像を使用せずに、ほぼCSSのみで実装できるグラフィカルなパンくずリストの作り方を解説する。今回はIE8のバグ対策で少しだけjQueryを使用する。 作例のファイルの構成はHTMLファイル、外部CSSファイル、外部JSファイルとなっている【1-1】。 ライブラリと ...

※この記事は「Web制作の現場で使えるjQueryUIデザイン入門」の第20回です。過去の記事もご覧ください。 今回はjQueryで「モーダルウィンドウ」を作成する方法を解説します。モーダルウィンドウとは、表示中に他のウィンドウの操作を受け付けない ...

画像ではなくテキストをモーダルウィンドウに表示したい！ 「画像じゃなくて説明文をライトボックス風に表示してほしい｣――。サンプル02ではモーダルウィンドウに画像を表示しましたが、画像の代わりにテキストなどの任意のHTMLも表示できます。

jQueryでモーダルウインドウUIを簡単に作れるColorboxの使い方を解説。ウェブページ全面を暗転し、中央に重ねたボックスをモーダルウインドウ風に見せるUIは、Lightbox系jQueryプラグイン「Colorbox」を使えば、ほんの3行程度のJavaScriptを書くだけで作れます。

画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で ...

写真のギャラリーサイトなどではサムネイル画像を一覧で表示し、それをクリックするとLightbox系のjQueryプラグインで写真を拡大表示する、というような動作をさせることがよくあります。 今回はWordPressでアイキャッチ画像機能と「Colorbox」というjQuery ...

ThickBox 3はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示 ...