在我的项目中,我正在使用光滑的滑块插件(http://kenwheeler.github.io/slick/).我想知道是否有可能重新定位光滑的点.默认情况下,它们显示在应用了光滑滑块的div容器下方.我想在这里实现的是在滑动div块中放置光滑的点.我用箭头实现这一点没有问题,因为我可以用自定义类名称来引用它们.
我的HTML看起来像这样:
<div class="slider-fade">
<div>
<div class="text-box">
<h2>Lorem ipsum</h2>
...additional text
</div>
</div>
<div>
<div class="text-box">
<h2>Lorem ipsum</h2>
...additional text
</div>
</div>
<div>
<div class="text-box">
<h2>Lorem ipsum</h2>
...additional text
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的JS设置如下所示:
$('.slider-fade').slick({
autoplay: true,
autoplaySpeed: 3000,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear',
prevArrow: $('.prev'),
nextArrow: $('.next'),
dots: true
});
Run Code Online (Sandbox Code Playgroud)
所以正如我现在提到的那样,点会显示在整个slider-fade类的下方,但我想得到它,例如,在text-box类下面.这可以实现吗?
视觉表示:http://i.stack.imgur.com/jmocB.png
目标是在块内的箭头下方获得点.