NAKAZI LAB.(ナカジラボ)

Webサイト制作を円滑にすることを目的とした、cssやJavaScript(jQuery)の小技備忘録サイトです。

縦横比を保った全画面のシンプルなスライドショーをつくることができる「Backstretch」

2014年12月10日jQueryプラグイン活用

縦横比を保った全画面のシンプルなスライドショーをつくることができる「Backstretch」

「Backstretch」は全画面表示のシンプルなスライドショーを作りたいときに便利です。ウィンドウの縦横の幅を変更しても縦横比を保ったまま隙間なく画像を全画面に表示してくれます。

デモページ

JavaScript

(function($){
	$(function() {
	
		$.backstretch([
			"img01.jpg",
			"img02.jpg",
			"img03.jpg"
		], {duration: 4000, fade: 600});
		
	});
})(jQuery);

デモページ

  • ̃Gg[͂ĂȃubN}[Nɒlj

関連記事

  1. 縦横比を保った全画面のシンプルなスライドショーをつくることができる「Backstretch」

更新情報をチェックする

rss feedly twitter facebook

今週の人気記事TOP10

サイト内検索

中の人

nakazi

Web関係のお仕事をしてます。効率化が大好きです。当サイトの更新情報やWeb制作に関する事を@nakazilabでつぶやいています。

連絡先

nakazilab[atmark]gmail.com