balupton edition


Description: シンプルなLightbox系プラグインです。汎用的なデザインで使いやすく、カスタマイズもしやすそうです。
Sample: demo
Tutorial: balupton edition jQuery Lightbox
License: -

Sample

Note

<script type="text/javascript" src="../scripts/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="../scripts/jquery.lightbox.js"></script>

プラグインを読み込んでマークアップするだけです。

<div class="gallery">

			<ul class="images">
				<li class="image">
		<a rel="lightbox-mygallery" href="1.jpg" title="1のキャプション"><img src="1_small.jpg" height="75" width="75"></a>
				</li>
				<li class="image">
		<a rel="lightbox-mygallery" href="2.jpg" title="2のキャプション"><img src="2_small.jpg" height="75" width="75"></a>
				</li>
				<li class="image">
		<a rel="lightbox-mygallery" href="3.jpg" title="2のキャプション"><img src="3_small.jpg" height="75" width="75"></a>
				</li>
			</ul>
		</div>

グループ化も可能です。

Related snippet :

  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: サムネイルを含めることが出来るクロスブラウザ対応のLightbox系プラグインです。多機能で画像やFlashだけでなく、YoutubeやVimeoな ...
  • Description: jQueryを使ってWYSIWYGを構築します。機能としてはやや乏しいですが、これはこれで面白いですね。一応、WYSIWYGの基本的な機能は揃ってい ...
  • Description: スクロールバーのデザインを変えるプラグインです。Flashではよく見かけたスクロールバーのデザインを全ブラウザで実装できます。デザインにより統一 ...
  • Description: 背景に指定した画像をギャラリーにするプラグインです。IE6でも問題無し。背景指定なので、スライドショーの上に画像やテキストを自由に配置することも可能 ...
  • Description: 全画面をギャラリーとして使うプラグイン。左サムネイルで大きな画像を切り替えます。マウスの動きに合わせてサイドスライド、全画面に画像を表示します。その ...
  • Description: Facebookのように、インスタンスサーチから選択後にタグ化出来るプラグインです。大量の選択肢がある場合は、ドロップダウンや入力方式であることが殆 ...