问题标签 [slidesjs]

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 回答
82 浏览

jquery - Bootstrap 下拉菜单不适用于 SlidesJS 3.0

我的网站托管在 Dropbox 上:https ://dl.dropboxusercontent.com/u/833721/gapsummit/london/index.html

“事件”下拉菜单适用于除 /london/index.html 之外的所有页面。此页面上唯一的区别是使用了 SlidesJS。

如果我注释掉 CSS 导入,它会完美运行。

知道为什么会这样吗?

0 投票
1 回答
125 浏览

javascript - 回调后强制 Slider 滑动

嗨,我有一个使用 slides.js 构建的滑块图片库。滑块效果很好,但我需要实现滑动功能。为了得到它,我想用 Hammer.js 进行滑动回调并创建一个函数来强制滑块将图像滑动到下一个或上一个。但我不知道 Slides.js 是否有这个选项。我想做的是这样的:

0 投票
0 回答
543 浏览

javascript - SlidesJS TypeError unidentified is not an function in Safari on Mac

我遇到了与此处描述的相同的问题,并且我的代码非常相似:

SlidesJS - TypeError: $(...).slidesjs 不是函数

因此,当我尝试在 Safari 中加载页面时,图片无法加载,并且出现错误“TypeError 'undefined' is not a function (evalating '$('#slides').slidesjs')”。我将脚本声明从头部移动到正文,它适用于 Windows 上的 Safari,但它不适用于 Mac 上的 Safari(出于某种原因)。在所有其他浏览器上都能完美运行。所以现在我不确定我还能做些什么来解决这个问题。有任何想法吗?

为了彻底,我将发布我的代码。

我的 HTML:

我的脚本:

我的 CSS:

0 投票
3 回答
68 浏览

javascript - 分组和排序 div

我在 jquery 滑块中有一系列 6 张幻灯片。( http://www.slidesjs.com/ )

从技术上讲,这些是 6 张单独的幻灯片,但是这些幻灯片是成对的

我正在尝试将第 1,2 组和第 3 组的顺序随机化,但幻灯片必须在这些组中保持正确的顺序。

当前标记是

我可以将所有幻灯片随机化,但这可能导致幻灯片混乱而不成对。

这可以用数据属性来完成吗?我不确定我可以使用什么方法来做到这一点。

0 投票
1 回答
323 浏览

javascript - 在 SlidesJS 中禁用“环绕”

我正在使用SlidesJS,这是一个非常可定制的幻灯片分页插件。

这是我的初始化。

但是,我不希望幻灯片“反其道而行之”。不知道有没有这个词,所以画了这个图:

绿色 = 下一个
蓝色 = 上一个

slidesjs 环绕

我想要的是禁用4 -> 1或禁用的滑动1 -> 4。我还没有为此找到内置功能或属性。但是,有没有合理的解决方法?

0 投票
2 回答
629 浏览

javascript - 如何从 SlidesJS.com 在 SlideJS 中自动切换幻灯片?

我正在努力让 SlideJS 运行,并按顺序进行演示和行为的某些方面。

我还没有做到的一件事是让它从一张幻灯片自动滑动或过渡到下一张。

得到报告错误的代码是 SlideJS 的主插件文件中的第 67 行,在下面的右大括号之外的最后一行;我的副本位于https://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.js

在我的调用中注释掉分配会抑制报告的错误,但我认为代码可能需要比这一行更多的信息,这似乎只是将现有设置减半。我可以分配,而不会立即报告错误,

但是我得到一个类似的错误(即设置一个未定义的属性),如果我有这么多:

我尝试了许多配置选项,我可以看到手动圆圈单击以在幻灯片之间移动,但尚未设法获得自动过渡(该插件支持幻灯片或淡入淡出选项;我想要“幻灯片”效果)。我目前的选择目标是:

在查看源代码:http://www.slidesjs.com/中,有多个示例调用,但在包含 slidejs.min.js 后我看到的唯一调用(从 URL 加载的最后一个脚本)是:

谢谢,

0 投票
0 回答
100 浏览

javascript - 在一个页面上使用多个 SlidesJS 时如何识别滑块

我正在使用 SlidesJS 在一页上显示多个滑块。当滑块转换到下一张幻灯片时,我想使用回调。如何识别触发事件的滑块实例?

这是我用来初始化 SlidesJS 的 JS 代码:

jsfiddle 示例

正如您在示例中看到的,complete回调会更新每个 .slidesjs-slide-number. 如何仅更新属于触发完整事件的滑块的幻灯片编号?