jquery.mb.bgndGalleryのデモ

CSS

body {
	background: #ffffff;
	z-index:0;
	margin:0;
	padding:0;
}
#wrapper {
	position: relative;
	z-index:10;
	font-size:16px;
	margin:600px 0px 0px 0px;
	padding:0 8px;
	background-color:rgba(255,255,255,0.9);
}

jQuery

このサンプル用にmargin-topを(ウィンドウサイズ-64)pxにセットしています。
$(function(){
	$('#wrapper').css('margin-top', ($(window).height() - 64)+'px');
});
プラグインの初期化
$(function(){
	$.mbBgndGallery.buildGallery({
		containment:"body",
		timer:200,
		effTimer:5000,
		effect:"zoom",
		images:[
			"./images/amazing-736877.jpg",
			"./images/amazing-736882.jpg",
			"./images/aurora-borealis-69221.jpg",
			"./images/castle-973157.jpg",
			"./images/farmland-768603.jpg",
			"./images/sunrise-1116985.jpg",
			"./images/woods-1072819.jpg"
		]
	});
});