ズームや回転などのアニメーション効果を与えたフルスクリーンスライドショーがつくれる「sublime_slideshow」
2015年5月12日jQueryプラグイン活用
「sublime_slideshow」は指定した画像を背景画像として、ズームや回転などのアニメーション効果を与えたフルスクリーンスライドショーを作ることができるプラグインです。デモページでは省いていますが、テクスチャ用の画像をかぶせたり、画像ごとのキャプションを表示することも出来ます。
JavaScript
(function($){
$(function() {
$.sublime_slideshow({
src:[
{ url:"img01.jpg" },
{ url:"img02.jpg" },
{ url:"img03.jpg" }
],
duration: 6,
fade: 2,
scaling: 1.2,
rotating: false,
overlay: ""
});
});
})(jQuery);
- Tweet
