Supersized


Description: 全画面をイメージギャラリー化するプラグインです。オート再生され、下部にはサムネイルもあります。画像はどのようなモニターサイズに合わせてストレッチ(伸縮)するので、ユーザーの環境に依存しないギャラリーを構築できます。
Sample: demo
Tutorial: Supersized – Full Screen Background/Slideshow jQuery Plugin
License: Creative Commons Attribution 3.0(クリエイティブコモンズ)

Note

<script type="text/javascript">
		$(function(){
			$.fn.supersized.options = {
				startwidth: 640,
				startheight: 480,
				vertical_center: 1,
				slideshow: 1,
				navigation: 1,
				thumbnail_navigation: 1,
				transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
				pause_hover: 0,
				slide_counter: 1,
				slide_captions: 1,
				slide_interval: 3000,
				slides : [
					{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/slides/tower.jpg', title : 'City Clock Tower', url : 'http://www.flickr.com/photos/wumbus/4582735030/in/set-72157623876357531/'},
					{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/slides/fence.jpg', title : 'Canal Park Fence', url : 'http://www.flickr.com/photos/wumbus/4582735030/sizes/l/in/set-72157623876357531/'},
					{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/slides/tracks.jpg', title : 'Old Train Tracks', url : 'http://www.flickr.com/photos/wumbus/4582733542/in/set-72157623876357531/'}
				]
			};
	        $('#supersized').supersized();
	    });
	</script> 

オプションです。

Related snippet :

  • Description: Appleのスライドショーのようなギャラリーを構築するチュートリアルです。デモではcss3と、IE7のハックを用いているので汎用的とは言えませんが、 ...
  • Description: 画像にマウスオーバーすると透過された背景とキャプションがスムーズにスライドアップします。2.3kbと、軽量なのも良いですが、IEは全滅でしょうか?( ...
  • Description: サムネイルを含めることが出来るクロスブラウザ対応のLightbox系プラグインです。多機能で画像やFlashだけでなく、YoutubeやVimeoな ...
  • Description: エフェクトの豊富なスライドギャラリーです。昔のFlashライクなエフェクトでマークアップも簡単なので導入も手軽です。IE6での挙動はやや不安定です ...
  • Description: 画像にマウスオーバーするとアニメーションしながら拡大します。サムネイルにインパクトを与えたり、メニューとしても使えそうです。MacのDockライクな ...
  • Description: シンプルで多彩なスライダー。画像周りに無駄な装飾がないので既存のデザインにしっくり納められる汎用性がありますね。クロスブラウザで動作してくれます。m ...
  • Description: 汎用性の高いギャラリーです。様々なエフェクトが用意されており、クロスブラウザで動作。複数置くことも可能です。オプションでスピード等の調整も可能。汎用 ...