Infiniteslide.js v2デモ | 要素同士のマージンを取る

子要素に対してmarginを設定すれば反映されます。
スライドの幅はouterWidth(true)で取得しているのでズレることもありません。

infiniteslide.js v2解説ページへ戻る

HTML


<ul class="slide_margin">
	<li><img src="img/img2.jpg" alt="" /></li>
	<li><img src="img/img3.jpg" alt="" /></li>
	<li><img src="img/img6.jpg" alt="" /></li>
	<li><img src="img/img7.jpg" alt="" /></li>
	<li><img src="img/img8.jpg" alt="" /></li>
</ul>

Javascript


$('.slide_margin').infiniteslide();

CSS


.slide_margin li {
	margin-right: 20px;
}