问题标签 [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.

0 投票
1 回答
7634 浏览

jquery - Glide.js 不工作?

我对为什么我的 glide.js 无法正常运行感到困惑?就好像 javascript 什么也没做一样。

我按照这里的说明无济于事: https ://github.com/jedrzejchalubek/Glide.js

这是一个jsfiddle。有任何想法吗?

http://jsfiddle.net/fq52fLx7/

谢谢

0 投票
1 回答
1853 浏览

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”消息。这是代码:

有什么想法我可能会出错吗?

0 投票
2 回答
1561 浏览

javascript - 单击元素重新启动 Glide.js

我有一个带有滑动滑块的灯箱。Glide.js 已经启动。我想单击我指定的元素以重新启动滑块。关闭灯箱时,我想暂停滑块。我可以看到这可以通过 API 实现,但无法让它工作......

我的滑块设置

我的 jQuery 尝试重新启动滑块

0 投票
6 回答
5858 浏览

javascript - 如何在 Glide.js 中获取当前幻灯片编号

嗨,当我单击 GLide.js http://glide.jedrzejchalubek.com/docs.html#intro中的下一个和上一个按钮时,如何获得当前幻灯片编号。

0 投票
1 回答
1042 浏览

javascript - Glide.js 没有响应

嗨,我目前正在科尔多瓦构建一个跨平台应用程序,并承担了将 Glide.js 用于图像滑块的任务,我逐字逐句地按照其文档进行操作,但我无法理解它为什么不起作用。出于某种原因,它将每个图像显示在彼此之上。

我已经链接了这些脚本:

0 投票
3 回答
3091 浏览

jquery - Glide.js - 禁用/启用上一个/下一个按钮

使用Glide.js(这里是文档部分)我无法在幻灯片第一次加载时禁用 Prev 按钮,但在加载第二张幻灯片后启用它。我需要做的就是在两张幻灯片之间循环。

与下一步按钮相同,反之亦然:首先启用,但在加载第二张幻灯片时禁用。

我尝试了几件事:

…但由于某种原因,disabled没有添加该属性。

…但结果与第一种方法相同。

…但这只是添加了一个类(它实际上并没有切换它)并且该按钮仍然可以加载上一张幻灯片。

这是一个演示:http ://codepen.io/ricardozea/pen/ca8d29139b409914e0795d9772d75421

任何帮助是极大的赞赏。

谢谢。

0 投票
1 回答
484 浏览

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的页面,则问题不会再次出现)

0 投票
1 回答
188 浏览

jquery - 无法识别通过 jquery 加载 Glide 脚本

我正在尝试通过 jQuery 创建一个动态滑块,如下所示
:(这不是完整的脚本,我只是剪切了相关的部分

我可以看到 slider.js 文件已正确加载,但 Glide 脚本无法识别它,因为我是单独加载的,我想它可能没有按正确的顺序加载。

我尝试将附加部分添加到:

给它时间加载,但这似乎并不重要,它仍然无法识别它。
我已经将它们添加到 HTML 中并且工作得很好,但是我看不出我需要做什么才能让它以正确的顺序工作?

0 投票
3 回答
5907 浏览

javascript - 关闭 Glide.js 轮播上的拖动

我想通过拖动来关闭更改幻灯片,并通过“上一个”-“下一个”按钮循环播放幻灯片。我设置swipeThreshold: false了,如文档https://glidejs.com/docs/options/中所述。但我仍然可以拖动幻灯片,您可以在下面的代码中看到。如何禁用幻灯片拖动?

0 投票
1 回答
748 浏览

glidejs - 如何访问“build.after”中的组件大小 [Glide.js v 3.1.0]

不知道我应该如何使用组件。我没有使用模块化构建。