NAKAZI LAB.(ナカジラボ)

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

ズームや回転などのアニメーション効果を与えたフルスクリーンスライドショーがつくれる「sublime_slideshow」

2015年5月12日jQueryプラグイン活用

ズームや回転などのアニメーション効果を与えたフルスクリーンスライドショーがつくれる「sublime_slideshow」

「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);

デモページ

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

関連記事

  1. ズームや回転などのアニメーション効果を与えたフルスクリーンスライドショーがつくれる「sublime_slideshow」

更新情報をチェックする

rss feedly twitter facebook

今週の人気記事TOP10

サイト内検索

中の人

nakazi

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

連絡先

nakazilab[atmark]gmail.com