小编Chr*_*rch的帖子

光滑的滑块重新定位

在我的项目中,我正在使用光滑的滑块插件(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

目标是在块内的箭头下方获得点.

html jquery slider slick.js

7
推荐指数
2
解决办法
3万
查看次数

标签 统计

html ×1

jquery ×1

slick.js ×1

slider ×1