问题标签 [glidejs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - Glide.js 不工作?
我对为什么我的 glide.js 无法正常运行感到困惑?就好像 javascript 什么也没做一样。
我按照这里的说明无济于事: https ://github.com/jedrzejchalubek/Glide.js
这是一个jsfiddle。有任何想法吗?
谢谢
javascript - 使用 glide.js .refresh api
背景:
我遇到了一个问题,我在 easytabs.js 实例中有一个 glide.js 幻灯片放映实例。当窗口大小发生变化时,glide.js 实例的 css 媒体查询不会正确启动。看起来这是因为 easytabs.js 正在缓存 glide.js 实例的最后一个状态,所以当该选项卡以新的窗口大小再次打开时,glide.js 实例不会相应地重新调整大小。
问题:
我正在尝试使用 glide.js API 函数.refresh()
,但是当我应用它时,我收到“TypeError:glide is undefined”消息。这是代码:
有什么想法我可能会出错吗?
javascript - 单击元素重新启动 Glide.js
我有一个带有滑动滑块的灯箱。Glide.js 已经启动。我想单击我指定的元素以重新启动滑块。关闭灯箱时,我想暂停滑块。我可以看到这可以通过 API 实现,但无法让它工作......
我的滑块设置
我的 jQuery 尝试重新启动滑块
javascript - 如何在 Glide.js 中获取当前幻灯片编号
嗨,当我单击 GLide.js http://glide.jedrzejchalubek.com/docs.html#intro中的下一个和上一个按钮时,如何获得当前幻灯片编号。
javascript - Glide.js 没有响应
嗨,我目前正在科尔多瓦构建一个跨平台应用程序,并承担了将 Glide.js 用于图像滑块的任务,我逐字逐句地按照其文档进行操作,但我无法理解它为什么不起作用。出于某种原因,它将每个图像显示在彼此之上。
我已经链接了这些脚本:
jquery - Glide.js - 禁用/启用上一个/下一个按钮
使用Glide.js(这里是文档部分)我无法在幻灯片第一次加载时禁用 Prev 按钮,但在加载第二张幻灯片后启用它。我需要做的就是在两张幻灯片之间循环。
与下一步按钮相同,反之亦然:首先启用,但在加载第二张幻灯片时禁用。
我尝试了几件事:
…但由于某种原因,disabled
没有添加该属性。
…但结果与第一种方法相同。
…但这只是添加了一个类(它实际上并没有切换它)并且该按钮仍然可以加载上一张幻灯片。
这是一个演示:http ://codepen.io/ricardozea/pen/ca8d29139b409914e0795d9772d75421
任何帮助是极大的赞赏。
谢谢。
javascript - 从外部文件(GlideJS)加载轮播后的图像高度问题
我正在使用GlideJS显示带有图像的轮播。我通过调用以下代码将此轮播加载到文件 A ( carousel-test.php ) 中:
文件 B ( carousel.php ) 包含带有图像的轮播代码:
<script>
var carousel = $('#Carousel').glide({
type: 'carousel',
startAt: 1,
touchDistance: 2,
autoplay: 0,
autoheight: true
});
</script>
问题是当您第一次打开文件 A ( http://reistip.nl/carousel-test.php ) 时,轮播中图像的高度非常小。高度应为 100%,但固定为(大约)20 像素。开始使用轮播后,刷新页面或打开控制台。日志图像的高度会发生变化并变为应有的状态(100%)。
第一次打开页面时,如何将轮播中图像的高度显示为100%?
(注意:要重现此问题,请务必在访问文件 A后在浏览器中打开一个新选项卡,如果您只刷新文件 A的页面,则问题不会再次出现)
jquery - 无法识别通过 jquery 加载 Glide 脚本
我正在尝试通过 jQuery 创建一个动态滑块,如下所示
:(这不是完整的脚本,我只是剪切了相关的部分
我可以看到 slider.js 文件已正确加载,但 Glide 脚本无法识别它,因为我是单独加载的,我想它可能没有按正确的顺序加载。
我尝试将附加部分添加到:
给它时间加载,但这似乎并不重要,它仍然无法识别它。
我已经将它们添加到 HTML 中并且工作得很好,但是我看不出我需要做什么才能让它以正确的顺序工作?
javascript - 关闭 Glide.js 轮播上的拖动
我想通过拖动来关闭更改幻灯片,并通过“上一个”-“下一个”按钮循环播放幻灯片。我设置swipeThreshold: false
了,如文档https://glidejs.com/docs/options/中所述。但我仍然可以拖动幻灯片,您可以在下面的代码中看到。如何禁用幻灯片拖动?
glidejs - 如何访问“build.after”中的组件大小 [Glide.js v 3.1.0]
不知道我应该如何使用组件。我没有使用模块化构建。