【jQuery】軽くてシンプルなフェードスライダーjQuery lightFadeSlider

jQuery

jQuery lightFadeSlider

January 3, 2018

lightFadeSliderは軽くてシンプルなフェードスライダーです。

How to use?

headにファイルを含めます。

<link rel="stylesheet" type="text/css" href="lightFadeSlider.css">

/body前に含める。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="jquery.lightFadeSlider.js"></script>

HTML Structure

<div id="selector">
	<div style="background-image: url('image-1.jpg');"></div>
	<div style="background-image: url('image-2.jpg');"></div>
	<div style="background-image: url('image-3.jpg');"></div>
</div>

Call lightFadeSlider

default values:

pause: 5000,
speed: 1500,
height: 650,
fullHeight: false

<script>
	$(function(){
		$('#selector').lightFadeSlider();
	});
</script>

MIT

Latest Posts

Related Posts