Html 如何将滑翔箭头放置在滑翔轨迹之外

Html 如何将滑翔箭头放置在滑翔轨迹之外,html,css,slider,carousel,glidejs,Html,Css,Slider,Carousel,Glidejs,我正在尝试用glide.js构建一个carousel/rondell。 我希望左右箭头显示在滑翔轨迹之外。 转盘/rondell应完全响应。 这是一张它应该是什么样子的图片。 有人能帮我吗 谢谢大家! 您必须自己编写箭头的逻辑,因为Glide只在其根元素中查找控件 对以前查询的HTML元素使用Glide API和.go()方法 var nextButton=document.querySelector('#next'); var prevButton=document.querySelecto

我正在尝试用glide.js构建一个carousel/rondell。 我希望左右箭头显示在滑翔轨迹之外。 转盘/rondell应完全响应。 这是一张它应该是什么样子的图片。

有人能帮我吗


谢谢大家!

您必须自己编写箭头的逻辑,因为Glide只在其根元素中查找控件

对以前查询的HTML元素使用Glide API和
.go()
方法

var nextButton=document.querySelector('#next');
var prevButton=document.querySelector('#prev');
var glide=新的glide(“#glide”);
nextButton.addEventListener('click',函数(事件){
event.preventDefault();
滑翔走('>');
})
prevButton.addEventListener('click',函数(事件){
event.preventDefault();

glide.go(“您现在可以通过CSS自定义按钮

let glide=new Glider(document.querySelector(“.Glider”){
幻灯片放映:1,
圆点:“#圆点”,
真的,
});

您在这里的第一个内容
你的第二个内容在这里
你的第三个内容在这里
你的内容在这里
«
»