jQuery

【jQuery】タッチスライダーを作成するプラグインtouchSlider

October 18, 2018
jquery.touchSlider

jquery.touchSliderはタッチスライダーを作成するためのjQueryプラグイン。

script

<script src="jquery.touchSlider.js"></script>

Basic usage

#touchSlider { background:#ccc; position:relative; overflow:hidden; }
#touchSlider ul { position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { height:150px; background:#9C9; font-size:14px; color:#fff; }
<div id="touchSlider">
	<ul>
		<li style="background:#9C9">content 1</li>
		<li style="background:#396">content 2</li>
		<li style="background:#39C">content 3</li>
		<li style="background:#33C">content 4</li>
	</ul>
</div>
$("#touchSlider").touchSlider({
	// ... Options
	page: 2
});

MIT