问题标签 [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 回答
647 浏览

javascript - 需要下一个和上一个按钮才能在幻灯片 div 之外工作

我正在使用SlidesJS插件在我的主页上创建幻灯片。

我希望将上一个和下一个按钮放在幻灯片 div 之外,这样我就可以将按钮左右对齐到浏览器窗口的两侧。像这样:

这是脚本:

但是当我尝试它时,单击时按钮不会转到下一张或上一张幻灯片。由于按钮位于滑块 div 之外,是否需要包含一些脚本变量?

任何帮助表示赞赏!

0 投票
5 回答
14684 浏览

jquery - 如何停止和重置 slides.jquery.js

编辑 7 月 4 日:仍在努力解决这个问题。我确信所需要的只是一个基于“播放”类停止幻灯片放映的函数,但不确定如何创建该函数。

我在带有多个幻灯片的单页网站上使用slides.js 。我最初使用以下方法在头部初始化了脚本:

但是我发现多个幻灯片的行为很奇怪,所以我决定让它们单独播放并在另一个函数(控制网站内容)中初始化,如下所示:

这在第一次初始化每个幻灯片时正常工作,但在此之后第二次查看幻灯片时,幻灯片中的图像似乎消失了,并且出现了两倍的分页数。

我确定问题在于幻灯片在每次播放时都需要停止并重置。

那么我该如何停止正在播放的幻灯片呢?我尝试调用以下函数:

我也试过:

但是,这似乎确实有任何作用。如果我不够清楚或需要更多信息,请告知。大都会!

脚本在这里:

0 投票
2 回答
1283 浏览

jquery - jquery幻灯片和html5视频

我正在尝试使用 HTML5 视频作为SlidesJS幻灯片中的第一个元素。问题是如果我单击播放按钮播放视频,幻灯片应该停止,直到视频完全结束,然后幻灯片应该移动到下一张幻灯片。此外,hoverpause 仅适用于图像,但不适用于 html5 视频元素。

到目前为止,这是我的 JavaScript 代码:

0 投票
3 回答
2833 浏览

jquery - jQuery.slides() 不工作

我正在使用SlidesJS jQuery 插件并调用

但是,这无法正常工作。相反,图像只是全部显示(正如您在没有插件的情况下所期望的那样)。

为什么这不起作用,我怎样才能让它起作用?

我确定 javascript 正在运行,因为我alert()在 slides() 语句的上方和下方进行了测试。

这是我的标记:

这是我的CSS:

这是我的 JS:

0 投票
2 回答
1320 浏览

jquery - 将项目动态添加到 jquery 幻灯片

我正在尝试将项目添加到 jquery 幻灯片(幻灯片),但我找不到刷新它的方法。我有这个 html 代码:

这个js:

演示在小提琴中

我需要重新加载幻灯片以显示新数据,但我找不到办法。

0 投票
3 回答
1922 浏览

javascript - jQuery'幻灯片'不起作用

我正在使用 slidesjs.com (http://slidesjs.com/examples/simple/) 上的脚本,试图将其放入我的网页中。我决定使用一个脚本,而不仅仅是尝试自己用 jQuery 编写它,因为我无法让它工作,而且我怀疑同样的问题在这里发生了......不管它可能是什么。这是页面源代码。

容器:'sections_container' }); }); 网络开发人员约翰史密斯

这段文字纯粹是为了填补空白,直到我添加真正的内容。

如果有人感兴趣,CSS。

谢谢!

0 投票
1 回答
312 浏览

javascript - Javascript - slidesjs 不能在 android 上运行(其他都可以)

我正在将SlidesJS用于一个简单的滑块...

它适用于大多数浏览器(包括 iOS),但不知何故它在 Android 上失败了:滑动确实有效,但它不显示图像。

WIP 网站在这里

我将不胜感激任何输入和评论,因为我完全没有移动操作系统的经验。

0 投票
4 回答
6796 浏览

jquery - 自动播放不起作用(SlidesJS)

我正在为我的一个项目使用 slides.js;但是,自动播放功能无法正常工作。

这是我正在做的事情:

文档http://slidesjs.com/说,通过给 一个正数play,自动播放应该可以工作。有人可以帮忙吗?

0 投票
2 回答
207 浏览

jquery - 获取对调用 slides() 的元素的引用

有没有办法获得对调用的元素的引用slides()

示例代码:

使用$(this)返回创建的幻灯片对象,它是这样的:

而不是实际的$('#my_slideshow')对象,我似乎无法获得参考。

0 投票
1 回答
1818 浏览

jquery - hoverPause 永远停止滑块

我正在使用 SlidesJS (sliedejs.com),当我将鼠标悬停在幻灯片上时,我希望幻灯片停止。为此,我设置hoverPause: true;并且它有效。唯一的问题是,当我停止将光标悬停在幻灯片上时,它不再移动。我必须重新加载页面才能使其再次工作。我显然想要的是在光标不在幻灯片上之后幻灯片继续工作。我一直在检查选项,但似乎没有任何效果。也许有人对此有技巧或类似的东西(或推荐的另一个幻灯片插件)。