Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.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 当我添加4个元素时,滑溜滑块中的箭头消失_Javascript_Slider_Slick.js - Fatal编程技术网

Javascript 当我添加4个元素时,滑溜滑块中的箭头消失

Javascript 当我添加4个元素时,滑溜滑块中的箭头消失,javascript,slider,slick.js,Javascript,Slider,Slick.js,帮助如果我将参数4添加到slidesToShow,则箭头消失。我试过使用loop:true。我怎样才能解决这个问题 函数testWebP(回调){ var webP=新图像(); webP.onload=webP.onerror=函数(){ 回调(webP.height==2); }; webP.src=“数据:image/webP;base64,UKLGRJOAABXRUJQVLA4IC4AAACYAGCDASOCAAIALLMK0MK0IIIIIIGBOSYGABC6WWGAA/veff

帮助如果我将参数4添加到slidesToShow,则箭头消失。我试过使用loop:true。我怎样才能解决这个问题

函数testWebP(回调){
var webP=新图像();
webP.onload=webP.onerror=函数(){
回调(webP.height==2);
};
webP.src=“数据:image/webP;base64,UKLGRJOAABXRUJQVLA4IC4AAACYAGCDASOCAAIALLMK0MK0IIIIIIGBOSYGABC6WWGAA/veff/0PP8bA//LwYAAA”;
}
testWebP(功能(支持){
如果(支持==true){
document.querySelector('body').classList.add('webp');
}否则{
document.querySelector('body').classList.add('no-webp');
}
});
//修复WEBP的问题
$(文档).ready(函数(){
$('.header\uu burger')。单击(函数(事件){
$('.header\uuu burger,.header\uu list').toggleClass('active');
$('body').toggleClass('lock');
});
});
$(文档).ready(函数(){
$('.slider')。光滑({
箭头:是的,
自适应高度:正确,
幻灯片放映:3,
无限:是的,
幻灯片滚动:1
});
});

启动Web studio
@@包括(“u header.html”)
@@包括(“u services.html”)
@@包括(“\u about.html”)
关于我们
Lorem ipsum dolor sit amet,
康塞特·萨迪普斯金·艾米特
Lorem ipsum door sit amet,consetetur sadipscing
elitr,sediam nonumy eirmod Temporal invidunt
我们的劳动和生活都是如此。
在vero eos etaccusam和justo dolores和ea rebum。
斯特特·克里塔·卡斯德·古伯格伦(Stet clita kasd gubergren),东部无海塔基马塔圣所
ipsum dolor sit amet。Lorem ipsum dolor et dolore
aliquyam erat。
Lorem ipsum dolor sit amet。益母草。
Lorem ipsum Door sit amet,consetetur Sadipsing Eliter,
塞迪亚姆·诺姆·艾尔特因维登特
劳动和就业是一个巨大的挑战。
在vero eos,每一个客户都有自己的想法。
斯特特·克里塔·卡斯德·古伯格伦(Stet clita kasd gubergren),东部无海塔基马塔圣所
Lorem ipsum dolor sit amet。Lorem ipsum dolor et dolore
aliquyam erat。
罗瑞普斯多洛坐在阿梅特。Lorem ipsum dolor等人

。关于{
背景色:#F8;
宽度:100%;
高度:850px;
填充顶部:100px;
h4{
字体大小:12px;
字体系列:“RobotoSlab”;
颜色:rgb(85,85,85);
线高:1.714;
文本对齐:左对齐;
字号:500;
利润率:0.35px;
}
}
}
h1{
文本对齐:居中;
字体大小:20px;
字体系列:“蒙特塞拉特”;
颜色:rgb(85,85,85);
文本转换:大写;
字号:600;
}
h1:之后{
内容:“;
高度:2倍;
位置:相对位置;
底部:25px;
宽度:50px;
背景色:#555555;
显示:块;
保证金:50px自动0;
}
h3{
文本对齐:居中;
字体大小:16px;
字体系列:“RobotoSlab”;
颜色:rgb(85,85,85);
}
.关于梅因{
显示器:flex;
利润率:75像素0.65像素;
证明内容:周围的空间;
h4{
字体大小:14px;
字体系列:“RobotoSlab”;
颜色:rgb(85,85,85);
线高:1.714;
文本对齐:左对齐;
字号:500;
利润率:0.35px;
}
}
.花里胡哨的名单{
溢出:隐藏;
}
.光滑的轨道{
显示器:flex;
调整项目:灵活启动;
}
.滑块{
位置:相对位置;
边缘顶部:75px;
左边距:100px;
img{
身高:225px;
}
.光滑的箭{
位置:绝对位置;
字号:0;
最高:45%;
z指数:10;
高度:30px;
宽度:30px;
背景:#c0301c;
}
.滑头{
转换:所有0.4s到0;
左:0;
背景图像:url('../img/left.png');
背景位置:45%45%;
背景重复:无重复;
}
.滑头上:悬停{
背景图像:url('../img/left.png');
背景色: