问题标签 [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 投票
2 回答
4004 浏览

javascript - 图片说明无法正常工作

我正在使用SlidesJS JQuery 插件在网页顶部显示滑动横幅。

但是,我在添加覆盖在图像上的图像标题时遇到了麻烦。根据上面的网站,我创建了一个带有类标题的新 p 并在其中输入我的标题,但据我所知,插件认为这个标题 div 是另一张幻灯片,并且在每个图像之后只显示标题文本。

您可以在此处查看该页面。

0 投票
4 回答
3708 浏览

jquery - 播放选项在 SlidesJS 中不起作用?

根据 SlidesJS 文档,您应该能够通过设置“播放”选项来设置自动播放速度,如下所示:

它不起作用,它根本不会自动播放。我也不明白“暂停”和“播放”之间的区别。

根据文档:

播放(号码):

自动播放幻灯片,一个正数将设置为 true,并且是幻灯片动画之间的时间,以毫秒为单位。

暂停(数字):

单击下一个/上一个或分页时暂停幻灯片。正数将设置为 true,并且是以毫秒为单位的暂停时间

没看懂,有什么区别?不过,他们俩现在似乎都没有做任何事情。

我错过了什么?

文档在这里: http ://www.slidesjs.com/#docs

编辑 我忘了提到幻灯片实际上正在工作。jQuery 被导入等,当我单击导航按钮时幻灯片工作。只是自动播放不起作用。

编辑 做了一个 JSFiddle,也没有在那里工作。 http://jsfiddle.net/WbGeL/

解决方案 hoverPause 选项无法按预期工作。一旦我将鼠标悬停在网页上(实际上是在任何地方),它就会认为我正在将鼠标悬停在幻灯片上。即使我将鼠标移出整个浏览器,它仍然认为我在悬停,这导致自动播放不起作用。

0 投票
1 回答
4676 浏览

jquery - 无法让 SlidesJS 正常工作

我有一个简单的网页,我一直在尝试使用 SlidesJS 设置一个滑块。

这就是所需文件在 HTML 页面中的链接方式。

我已将loading.gifpagination.png放在图像文件夹中的图像中。

这是页面的 HTML。

这是CSS

这是JavaScript代码

但是滑块根本没有出现!这些图像只是像这样在另一个下显示一个,

在此处输入图像描述 谁能告诉我我在这里遗漏了什么以及应该做些什么来纠正它?

非常感谢。

如果它太混乱。为了更好地理解,请在此处查看小提琴。

编辑 :

好的,我得到它的工作。现在滑动工作正常。但是,分页有一个小问题。应该出现的小圆圈没有出现。只有数字。往下看在此处输入图像描述

我已将pagination.png放在我的图像文件夹中。有没有办法可以在脚本或其他东西中设置它的路径?

0 投票
1 回答
753 浏览

jquery - jQuery SlidesJS

我在不同的 jQuery 选项卡中有许多 jQuery SlidesJS。效果很好。我现在的问题是,当我单击tab2withslide2并返回tab1with 时slide1,我想slide1从 1 点重新开始!我的代码是:

#ui-id-1tab1。点击它应该从slide11 开始。但我得到的是一个空白的白色 div。当我单击选项卡时,任何想法如何从 1 开始?

0 投票
0 回答
83 浏览

javascript - 在slidejs中动态生成内容时出现堆栈溢出错误

当我动态生成第二张幻灯片的内容并将其添加到 DOM 时,在调用 $('#slides1 .next').click(); 时出现“堆栈溢出错误”;

slidejs:如何用相同的上一个下一个按钮控制两张幻灯片?

0 投票
2 回答
339 浏览

jquery - SlidesJS 源 - 使用指定选项覆盖默认值

SlidesJS是一个 jQuery 内容滑块插件。我试图了解来源。我对 Javascript 和 jQuery 比较陌生。但是,我感兴趣的是源代码中的这一行:

我从评论中了解到作者打算合并两个数组,一个包含默认值,option另一个是option通过调用函数传递的参数。但是,它们不是都引用同一个变量:函数的参数slides(option)吗?

无论如何,它似乎工作。这里有什么魔力?

0 投票
1 回答
680 浏览

vertical-alignment - 幻灯片 JS,纵向图像

我在我的响应式网站上设置了 Slides JS。但我无法以纵向尺寸显示图像。有谁知道让 Slides JS 保持纵横比并根据最大高度调整图像宽度的任何方法?

我的幻灯片 div 是:宽度:760 和高度:560:如果我的图像宽度为 w=320px 和 h=560px。它将图像宽度缩放到 760 像素。

我的网站: http ://gaetan.alexandreessayie.com/wp/?p=47&lang=en

感谢您的任何建议。颂歌

0 投票
1 回答
4352 浏览

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

我正在尝试在我的网站上实现 SlidesJS 插件,但是当页面加载时出现以下错误:

我的html是:

我的css文件包含:

我的 js 文件包含:

我已经包含了 jQuery 和插件的特定脚本,但我仍然得到这个错误。我错过了什么吗?

0 投票
2 回答
984 浏览

jquery - 在 Knockout 绑定图像列表上应用 Slidesjs 幻灯片

当我尝试在图像列表(如下所示)上应用 Slidesjs(类似轮播)幻灯片动画时,会出现错误,并且图像就像堆叠在自身之上而没有幻灯片动画。有人尝试过 Web Api 提供的 Knockout 绑定图像列表上的图像滑块吗?

未捕获的类型错误无法读取未定义的属性“样式”(在下面的 slidesControl[0].style[transform] 处)

发生错误是因为 slidesContainer[0] 上没有样式属性,也没有 slidesContainer 因为它设置为:

所以问题是为什么 Slidesjs-control 不是由 Slidesjs 插件生成的。任何的想法?

编辑(提示)

我发现当 slidesjs 插件初始化时,#slider div 中没有元素。但是 Knockout 应该在 slidesjs 启动之前填充它。因为淘汰码是第一位的。这是我在 SlidesJs 的 Init 方法中在控制台上键入 $("#slider") 并按 Enter 时得到的:

我的 HTML:

我的 Slidesjs 脚本:

我的淘汰赛脚本:

0 投票
1 回答
1079 浏览

jquery - 如何停止 jQuery SlidesJS 幻灯片放映?

我正在使用 SlidesJS 幻灯片插件。它工作得很好,但我需要以编程方式停止幻灯片。该插件可以生成一个停止和播放按钮,但我需要能够在用户不点击这些按钮的情况下启动和停止幻灯片。

幻灯片是这样创建的:

我正在使用插件的第 3 版,但在文档中找不到任何内容。

我确实找到了这个解决方案(http://seankstewart.com/lab/js/jquery/plugins/Slides/examples/images-with-captions/index-test.html#),但它适用于插件的第 1 版。

谢谢你的帮助,

安德鲁。