縦横比を保った全画面のシンプルなスライドショーをつくることができる「Backstretch」
2014年12月10日jQueryプラグイン活用
「Backstretch」は全画面表示のシンプルなスライドショーを作りたいときに便利です。ウィンドウの縦横の幅を変更しても縦横比を保ったまま隙間なく画像を全画面に表示してくれます。
JavaScript
(function($){
$(function() {
$.backstretch([
"img01.jpg",
"img02.jpg",
"img03.jpg"
], {duration: 4000, fade: 600});
});
})(jQuery);
- Tweet
