Javascript HTML CSS JS在fullpage中添加图像滑块

极客！我有一个简单的问题要问你。我正在学校实习，并创建一个网页的网站

如何将库添加到此代码中？我想添加幻灯片图像库。例如，第2页通过在左侧和右侧窗口上制作简单的两个锚来水平滚动。希望通过单击箭头而不是滚动来更改图像。向下滚动应该跳过gallery并显示第3页等

我试着把两个div放进带有背景图片的页面部分，但这对我不起作用。即使我使用z索引，图像也不会显示。你有什么解决办法吗

const$body=（window.opera）？（document.compatMode==“CSS1Compat”？$（'html'）：$（'body'）：$（'html，body'））：$（'html，body'），
$section=$（'section'）；
var numopages=$section.length-1，
curPage=0，
scrollLock=false；
函数scrollPage（）{
$（文档）.on（“mousewheel-DOMMouseScroll”，函数（e）{
如果（滚动锁）返回；
如果（e.originalEvent.wheelDelta>0 | | e.originalEvent.detail<0）
导航eup（）；
其他的
导航向下（）；
});
$（文档）.on（“向下键”，函数（e）{
如果（滚动锁）返回；
如果（e.which==38）
导航eup（）；
否则如果（例如，哪个===40）
导航向下（）；
});
}
函数分页（）{
scrollLock=true；
$body.stop（）.animate({
scrollTop:$section.eq（curPage）.offset（）.top
}，1000，'swing'，函数（）{
scrollLock=false；
});
};
函数navigateUp（）{
如果（curPage==0）返回；
curPage--；
分页（）；
};
函数navigateDown（）{
如果（curPage==numOfPages）返回；
curPage++；
分页（）；
};
$（函数（）{
滚动页面（）；
});
*，*：之前，*：：之后{
框大小：边框框；
}
身体{
颜色：#222；
文本对齐：居中；
背景色：#F2F2；
最小高度：100vh；
溢出：隐藏；
}
部分{
高度：100vh；
位置：相对位置；
}
第n节类型（1）{
背景色：#2d314a；
}
截面：第n种类型（2）{
背景色：#3c91b6；
}
截面：第n种类型（3）{
背景色：#6fc7bb；
}
第n节类型（4）{
背景色：#e59780；
}
第h1节{
字号：3em；
颜色：#fff；
垫顶：5vh；
边际上限：0；
不透明度：0.7；
}
截面h1跨度{
字体：斜体300 1rem/1.5 calibri；
显示：块；
不透明度：0.5；
}
第p节{
颜色：#fff；
字体大小：5rem；
保证金：0；
位置：绝对位置；
左：50%；
最高：50%；
-webkit转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}

代码笔-整页滚动
#1
一,

#2
二,

#3
三,

#4
四,

我修改了您的代码，并在第2页添加了与滑块相关的更改。请检查以下代码段：


const$body=（window.opera）？（document.compatMode==“CSS1Compat”？$（'html'）：$（'body'）：$（'html，body'））：$（'html，body'），
$section=$（'section'）；
var numopages=$section.length-1，
curPage=0，
scrollLock=false；
函数scrollPage（）{
$（文档）.on（“mousewheel-DOMMouseScroll”，函数（e）{
如果（滚动锁）返回；
如果（e.originalEvent.wheelDelta>0 | | e.originalEvent.detail<0）
导航eup（）；
其他的
导航向下（）；
});
$（文档）.on（“向下键”，函数（e）{
如果（滚动锁）返回；
如果（e.which==38）
导航eup（）；
否则如果（例如，哪个===40）
导航向下（）；
});
}
函数分页（）{
scrollLock=true；
$body.stop（）.animate({
scrollTop:$section.eq（curPage）.offset（）.top
}，1000，'swing'，函数（）{
scrollLock=false；
});
};
函数navigateUp（）{
如果（curPage==0）返回；
curPage--；
分页（）；
};
函数navigateDown（）{
如果（curPage==numOfPages）返回；
curPage++；
分页（）；
};
$（函数（）{
滚动页面（）；
});
var slideIndex=1；
放映幻灯片（幻灯片索引）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
如果（n>slides.length）{slideIndex=1}
如果（n<1）{slideIndex=slides.length}
对于（i=0；i

*，*：之前，*：：之后{
框大小：边框框；
}
身体{
颜色：#222；
文本对齐：居中；
背景色：#F2F2；
最小高度：100vh；
溢出：隐藏；
}
部分{
高度：100vh；
位置：相对位置；
}
第n节类型（1）{
背景色：#2d314a；
}
截面：第n种类型（2）{
背景色：#3c91b6；
}
截面：第n种类型（3）{
背景色：#6fc7bb；
}
第n节类型（4）{
背景色：#e59780；
}
第h1节{
字号：3em；
颜色：#fff；
垫顶：5vh；
边际上限：0；
不透明度：0.7；
}
截面h1跨度{
字体：斜体300 1rem/1.5 calibri；
显示：块；
不透明度：0.5；
}
第p节{
颜色：#fff；
字体大小：5rem；
保证金：0；
位置：绝对位置；
左：50%；
最高：50%；
-webkit转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}
/*滑块*/
*{框大小：边框框}
正文{字体系列：Verdana，无衬线；边距：0}
.mySlides{display:none}
img{垂直对齐：中间；}
/*幻灯片容器*/
.slideshow容器{
位置：相对位置；
保证金：自动；
}
/*下一步和上一步按钮*/
.prev，.next{
光标：指针；
位置：绝对位置；
最高：35%；
宽度：自动；
填充：16px；
利润上限：-22px；
颜色：白色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
用户选择：无；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
上一篇{
左：0
}
/*在悬停时，添加一个黑色背景色，带有一点透明*/
.prev:悬停，.next:悬停{
背景色：rgba（0,0,0,0.8）；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px