Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使“上一步”和“下一步”按钮在此工作_Javascript_Css_Slider - Fatal编程技术网

Javascript 如何使“上一步”和“下一步”按钮在此工作

Javascript 如何使“上一步”和“下一步”按钮在此工作,javascript,css,slider,Javascript,Css,Slider,我正在使用这个java脚本徽标滑块,我想让这个prev和下一个工作。单击“上一页”时,文本滑块向左移动,单击“下一页”时,文本滑块向右移动 工作演示 我对java脚本不太熟悉,非常感谢您的帮助 代码如下:- $(文档).ready(函数(){ $('.customer logo')。光滑({ 幻灯片放映:6, 幻灯片滚动:1, 自动播放:对, 自动播放速度:1500, 箭头:错, 点:错, pauseonhaver:false, 响应:[{ 断点:768, 设置:{ 幻灯片放映:4 } },

我正在使用这个java脚本徽标滑块,我想让这个
prev
和下一个工作。单击“上一页”时,文本滑块向左移动,单击“下一页”时,文本滑块向右移动

工作演示

我对java脚本不太熟悉,非常感谢您的帮助

代码如下:-

$(文档).ready(函数(){
$('.customer logo')。光滑({
幻灯片放映:6,
幻灯片滚动:1,
自动播放:对,
自动播放速度:1500,
箭头:错,
点:错,
pauseonhaver:false,
响应:[{
断点:768,
设置:{
幻灯片放映:4
}
}, {
断点:520,
设置:{
幻灯片放映:3
}
}]
});
});
h2{
文本对齐:居中;
填充:20px;
}
/*滑块*/
.滑滑梯{
利润率:0px 20px;
}
.滑溜式img{
宽度:100%;
}
.光滑滑块{
位置:相对位置;
显示:块;
框大小:边框框;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
-webkit触摸标注:无;
-khtml用户选择:无;
-ms触摸动作:泛y;
触摸动作:泛y;
-webkit点击突出显示颜色:透明;
}
.花里胡哨的名单{
位置:相对位置;
显示:块;
溢出:隐藏;
保证金:0;
填充:0;
}
.花里胡哨的名单:聚焦{
大纲:无;
}
.slick-list.drawing{
光标:指针;
光标:手;
}
.光滑的滑块.光滑的轨迹,
.光滑的滑块.光滑的列表{
-webkit转换:translate3d(0,0,0);
-moz变换:translate3d(0,0,0);
-ms变换:translate3d(0,0,0);
-o变换:translate3d(0,0,0);
变换:translate3d(0,0,0);
}
.光滑的轨道{
位置:相对位置;
排名:0;
左:0;
显示:块;
}
.光滑轨道:之前,
.光滑轨道:之后{
显示:表格;
内容:'';
}
.光滑轨道:之后{
明确:两者皆有;
}
.光滑的装载.光滑的轨道{
可见性:隐藏;
}
.滑滑梯{
显示:无;
浮动:左;
身高:100%;
最小高度:1px;
}
[dir='rtl'].光滑的滑梯{
浮动:对;
}
.滑溜式img{
显示:块;
}
.滑溜{
显示:无;
}
.滑动滑轨.拖动img{
指针事件:无;
}
.滑溜初始化.滑溜{
显示:块;
}
.光滑的装载.光滑的滑动{
可见性:隐藏;
}
.平滑垂直.平滑滑动{
显示:块;
高度:自动;
边框:1px实心透明;
}
.光滑的箭头,光滑的隐藏{
显示:无;
}


下一步

为什么要在代码中添加
上一步
下一步
按钮,而滑动条已经给了您

只需删除它,并在Js中替换它:
箭头:true

$(文档).ready(函数(){
$('.customer logo')。光滑({
幻灯片放映:6,
幻灯片滚动:1,
自动播放:对,
自动播放速度:1500,
箭头:true,//这里有变化
点:错,
pauseonhaver:false,
响应:[{
断点:768,
设置:{
幻灯片放映:4
}
}, {
断点:520,
设置:{
幻灯片放映:3
}
}]
});
});
h2{
文本对齐:居中;
填充:20px;
}
/*滑块*/
.滑滑梯{
利润率:0px 20px;
}
.滑溜式img{
宽度:100%;
}
.光滑滑块{
位置:相对位置;
显示:块;
框大小:边框框;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
-webkit触摸标注:无;
-khtml用户选择:无;
-ms触摸动作:泛y;
触摸动作:泛y;
-webkit点击突出显示颜色:透明;
}
.花里胡哨的名单{
位置:相对位置;
显示:块;
溢出:隐藏;
保证金:0;
填充:0;
}
.花里胡哨的名单:聚焦{
大纲:无;
}
.slick-list.drawing{
光标:指针;
光标:手;
}
.光滑的滑块.光滑的轨迹,
.光滑的滑块.光滑的列表{
-webkit转换:translate3d(0,0,0);
-moz变换:translate3d(0,0,0);
-ms变换:translate3d(0,0,0);
-o变换:translate3d(0,0,0);
变换:translate3d(0,0,0);
}
.光滑的轨道{
位置:相对位置;
排名:0;
左:0;
显示:块;
}
.光滑轨道:之前,
.光滑轨道:之后{
显示:表格;
内容:'';
}
.光滑轨道:之后{
明确:两者皆有;
}
.光滑的装载.光滑的轨道{
可见性:隐藏;
}
.滑滑梯{
显示:无;
浮动:左;
身高:100%;
最小高度:1px;
}
[dir='rtl'].光滑的滑梯{
浮动:对;
}
.滑溜式img{
显示:块;
}
.滑溜{
显示:无;
}
.滑动滑轨.拖动img{
指针事件:无;
}
.滑溜初始化.滑溜{
显示:块;
}
.光滑的装载.光滑的滑动{
可见性:隐藏;
}
.平滑垂直.平滑滑动{
显示:块;
高度:自动;
边框:1px实心透明;
}
.光滑的箭头,光滑的隐藏{
显示:无;
}