效果图如下,只能用滚轮移动到头部和尾部
思路:
根据需要展示的图片数量(view-count)与slide-container中存放的图片数量设置ul的长度,然后设置每个li的均等宽度。
每次滚轮滚动ul移动一个li的距离
HTML:
<div class="slide-container" view-count="4">
<ul>
<li>
<img src="images/women/15444293310974910.jpg" alt=""/>
</li>
<li>
<img src="images/women/15444293312083674.jpg" alt=""/>
</li>
<li>
<img src="images/women/15444293313734437.jpg" alt=""/>
</li>