Question

我有一个左右两侧有控件的滑块。我没有显示控件并用css隐藏那里的可见性。我想将我的屏幕分成左右两个垂直部分。

然后我想将右侧部分与右侧滑块按钮链接，因此当用户将鼠标放在屏幕的右半部分时，他们可以单击右侧部分的任意位置来更改幻灯片 - 左侧也是如此。 / p>

任何人都知道从哪里开始，建议或代码片段？

Answer 1

＆＃13;

.slider{
position:relative;
    background:#F00;
    width:500px;
    height:200px;
}
.left{
    position:absolute;
    top:0px;
    width:50%;
    height:100%;
    background:#CCC;
    left:0px;
    z-index:2;
 
}
.right{
    position:absolute;
    top:0px;
    width:50%;
    height:100%;
    background:#000;
    right:0px;
}

＆＃13;

<div class="slider">
    <div class="left">
    </div>
     <div class="right">
    </div>

</div>

＆＃13;

Answer 2

我通过使用css进行整理，然后使用光滑方法来控制光滑的导航。

以下是您可以使用的方法。

slickGoTo
int : slide number, boolean: should animate
Navigates to a slide by index
slickNext
none
Navigates to the next slide
slickPrev
none
Navigates to the previous slide

想要将屏幕分成两部分垂直分割

2 个答案: