问题标签 [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.
javascript - 图片说明无法正常工作
我正在使用SlidesJS JQuery 插件在网页顶部显示滑动横幅。
但是,我在添加覆盖在图像上的图像标题时遇到了麻烦。根据上面的网站,我创建了一个带有类标题的新 p 并在其中输入我的标题,但据我所知,插件认为这个标题 div 是另一张幻灯片,并且在每个图像之后只显示标题文本。
您可以在此处查看该页面。
jquery - 播放选项在 SlidesJS 中不起作用?
根据 SlidesJS 文档,您应该能够通过设置“播放”选项来设置自动播放速度,如下所示:
它不起作用,它根本不会自动播放。我也不明白“暂停”和“播放”之间的区别。
根据文档:
播放(号码):
自动播放幻灯片,一个正数将设置为 true,并且是幻灯片动画之间的时间,以毫秒为单位。
暂停(数字):
单击下一个/上一个或分页时暂停幻灯片。正数将设置为 true,并且是以毫秒为单位的暂停时间。
没看懂,有什么区别?不过,他们俩现在似乎都没有做任何事情。
我错过了什么?
文档在这里: http ://www.slidesjs.com/#docs
编辑 我忘了提到幻灯片实际上正在工作。jQuery 被导入等,当我单击导航按钮时幻灯片工作。只是自动播放不起作用。
编辑 做了一个 JSFiddle,也没有在那里工作。 http://jsfiddle.net/WbGeL/
解决方案 hoverPause 选项无法按预期工作。一旦我将鼠标悬停在网页上(实际上是在任何地方),它就会认为我正在将鼠标悬停在幻灯片上。即使我将鼠标移出整个浏览器,它仍然认为我在悬停,这导致自动播放不起作用。
jquery - 无法让 SlidesJS 正常工作
我有一个简单的网页,我一直在尝试使用 SlidesJS 设置一个滑块。
这就是所需文件在 HTML 页面中的链接方式。
我已将loading.gif和pagination.png放在图像文件夹中的图像中。
这是页面的 HTML。
这是CSS
这是JavaScript代码
但是滑块根本没有出现!这些图像只是像这样在另一个下显示一个,
谁能告诉我我在这里遗漏了什么以及应该做些什么来纠正它?
非常感谢。
如果它太混乱。为了更好地理解,请在此处查看小提琴。
编辑 :
好的,我得到它的工作。现在滑动工作正常。但是,分页有一个小问题。应该出现的小圆圈没有出现。只有数字。往下看
我已将pagination.png放在我的图像文件夹中。有没有办法可以在脚本或其他东西中设置它的路径?
jquery - jQuery SlidesJS
我在不同的 jQuery 选项卡中有许多 jQuery SlidesJS。效果很好。我现在的问题是,当我单击tab2
withslide2
并返回tab1
with 时slide1
,我想slide1
从 1 点重新开始!我的代码是:
#ui-id-1
是tab1
。点击它应该从slide1
1 开始。但我得到的是一个空白的白色 div。当我单击选项卡时,任何想法如何从 1 开始?
javascript - 在slidejs中动态生成内容时出现堆栈溢出错误
当我动态生成第二张幻灯片的内容并将其添加到 DOM 时,在调用 $('#slides1 .next').click(); 时出现“堆栈溢出错误”;
jquery - SlidesJS 源 - 使用指定选项覆盖默认值
SlidesJS是一个 jQuery 内容滑块插件。我试图了解来源。我对 Javascript 和 jQuery 比较陌生。但是,我感兴趣的是源代码中的这一行:
我从评论中了解到作者打算合并两个数组,一个包含默认值,option
另一个是option
通过调用函数传递的参数。但是,它们不是都引用同一个变量:函数的参数slides(option)
吗?
无论如何,它似乎工作。这里有什么魔力?
vertical-alignment - 幻灯片 JS,纵向图像
我在我的响应式网站上设置了 Slides JS。但我无法以纵向尺寸显示图像。有谁知道让 Slides JS 保持纵横比并根据最大高度调整图像宽度的任何方法?
我的幻灯片 div 是:宽度:760 和高度:560:如果我的图像宽度为 w=320px 和 h=560px。它将图像宽度缩放到 760 像素。
我的网站: http ://gaetan.alexandreessayie.com/wp/?p=47&lang=en
感谢您的任何建议。颂歌
javascript - SlidesJS - TypeError: $(...).slidesjs 不是函数
我正在尝试在我的网站上实现 SlidesJS 插件,但是当页面加载时出现以下错误:
我的html是:
我的css文件包含:
我的 js 文件包含:
我已经包含了 jQuery 和插件的特定脚本,但我仍然得到这个错误。我错过了什么吗?
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 脚本:
我的淘汰赛脚本:
jquery - 如何停止 jQuery SlidesJS 幻灯片放映?
我正在使用 SlidesJS 幻灯片插件。它工作得很好,但我需要以编程方式停止幻灯片。该插件可以生成一个停止和播放按钮,但我需要能够在用户不点击这些按钮的情况下启动和停止幻灯片。
幻灯片是这样创建的:
我正在使用插件的第 3 版,但在文档中找不到任何内容。
我确实找到了这个解决方案(http://seankstewart.com/lab/js/jquery/plugins/Slides/examples/images-with-captions/index-test.html#),但它适用于插件的第 1 版。
谢谢你的帮助,
安德鲁。