Unslider 导航和箭头定位
Unslider Navigation and Arrows Positioning
我正在使用 Unslider,但在定位箭头和导航时遇到问题,原因很简单,因为当使用 jQuery 创建滑块时,它会在 [= 之外添加导航和箭头19=] 调用滑块的位置。
<section class="slider">
<ul>
<li><img src="imgs/banner-1.jpg" alt=""></li>
<li><img src="imgs/banner-2.jpg" alt=""></li>
<li><img src="imgs/banner-3.jpg" alt=""></li>
</ul>
</section>
<a class="unslider-arrow next"></a>
<a class="unslider-arrow prev"></a>
<nav class="unslider-nav">
<ol>
<li data-slide="0">1</li>
<li data-slide="1">2</li>
<li data-slide="2">3</li>
</ol>
</nav>
导航按钮出现在 <section>
标记之后,因此我无法定位它们,以便当浏览器调整大小时箭头和导航保持在原位。
我确定这是一个简单的解决方案,我错过了什么?
我最终改用了 owlgraphic.com。 CSS.
更灵活
我正在使用 Unslider,但在定位箭头和导航时遇到问题,原因很简单,因为当使用 jQuery 创建滑块时,它会在 [= 之外添加导航和箭头19=] 调用滑块的位置。
<section class="slider">
<ul>
<li><img src="imgs/banner-1.jpg" alt=""></li>
<li><img src="imgs/banner-2.jpg" alt=""></li>
<li><img src="imgs/banner-3.jpg" alt=""></li>
</ul>
</section>
<a class="unslider-arrow next"></a>
<a class="unslider-arrow prev"></a>
<nav class="unslider-nav">
<ol>
<li data-slide="0">1</li>
<li data-slide="1">2</li>
<li data-slide="2">3</li>
</ol>
</nav>
导航按钮出现在 <section>
标记之后,因此我无法定位它们,以便当浏览器调整大小时箭头和导航保持在原位。
我确定这是一个简单的解决方案,我错过了什么?
我最终改用了 owlgraphic.com。 CSS.
更灵活