问题标签 [unslider]

所以，我发现了这个名为Unslider的神奇插件，但它似乎在 jquery mobile 上消失了。我正在尝试实现基本示例。这是我的代码：

html:

主.css：

主.js：

但没有显示（与其他 jquery 移动页面结合使用时）。当我只使用一页时，取消滑块显示为正常列表。

我怎样才能使这项工作？

我正在使用 JQuery Unslider。如何让它active向当前的滑块元素添加一个类？

http://unslider.com/

我正在尝试使用它，但它不起作用：

I'm trying to put together a very simple horizontal slideshow using the Unslidr plugin, which I've chosen due to its small size and easy markup.

I'm running into a problem in that, while the slides and transitions work just fine, I'm only seeing a sliver of the background images behind the text on that slide, rather than the whole screen.

I assume this is a conflict in the way I'm making the images fullscreen with how Unslider works, but I can't figure out a way around it – any help is much appreciated

Fiddle: http://jsfiddle.net/4aAGP/2/

The html:

The CSS:

我将 unslider 用于具有许多图像的滑块显示。

我已经有插件工作正常，但是，我不明白为什么，我的延迟和速度选项不能正常工作。

我希望我的横幅图像每 7 秒更改一次，并且我希望延迟 3 秒。所以我将速度设置为 7000（毫秒）并延迟 3000。但不起作用。我没有得到我在 jQuery 脚本中设置的速度和延迟。

有人可以帮助我了解这里发生的事情吗？

我的例子有这个小提琴：http: //jsfiddle.net/bdmU4/3/

下面，有我的 jQuery 来启动 unslider 插件：

在这里我有我的html：

我试图使用 unslider jQuery 插件，但我遇到了一个问题。

Unslider 已经可以正常工作了，但是我更改图像的箭头在 Internet Explorer 上不起作用。

在谷歌浏览器上运行良好。

你明白为什么会发生这种情况吗？

我在这里有我的例子：

http://jsfiddle.net/bdmU4/7/

这是我的 jQuery 脚本：

奇怪的是，像这样： http: //jsfiddle.net/bdmU4/9/在 IE 上工作，但我有奇怪的奇怪效果，比如随机速度、延迟，有时图像交换的方向会发生变化。我认为这是因为在最后一个小提琴中我有两次 unslider 声明。

我目前正在使用unslider在网页（ http://fths.convoke.info）上创建全宽滑块标题。它在我设计的尺寸（1920x450）下工作正常，但在不同的分辨率下，事情变得很奇怪。看一看：

背景图像按比例缩放，使其宽度适合屏幕，但实际li元素具有固定高度并且不会调整大小，留下图片中显示的间隙。

这是滑块设置本身的 HTML：

和CSS：

min-height我尝试了and的各种组合max-height，但我无法真正让它发挥作用。高度需要有一些值，否则li元素会自行塌陷。background-size:cover看起来也很有希望，但是图像根本无法缩放，并且在非常窄的分辨率下看起来很糟糕。

为了让它工作，我想我需要一种方法来设置高度，li以便它保持与背景图像相同的相对比例。有没有办法用 CSS 来做到这一点，还是我需要编写脚本？我发现这种通过使用“设置”高度的方法padding-top:x%，但我认为这会导致问题，因为滑块的实际宽度会根据幻灯片的数量而变化。

我正在尝试调用一个函数，该函数会在 unslider 容器内一个接一个地淡入标题文本。最好的方法是在每次幻灯片转换完成后调用一个函数。

但我似乎无法使用 Unslider 中的“完整”选项调用该函数。

即使下面的代码对我也不起作用：

滑块工作正常，但未触发标题文本动画功能。

我已经按照Unslider网站中的说明设置了 HTML

我真的不明白我做错了什么，如果有人能给我指路，我将不胜感激。

提前致谢！

一直来stakoverflow，经常在这里找到宝贵的帮助！

不过，我现在自己也有一个问题，因为我找不到任何答案……

我正在使用 Unslider 脚本 ( http://unslider.com/ )，并且我得到了它的工作（尽管我很难做到这一点，但同样，我在这里浏览相关问题得到了宝贵的帮助）。

...但是我在 IE 中看到了一个小定位问题（我只有 9 个，但我也在模拟器中测试过，它显示了同样的问题）：

在第一张幻灯片上，我得到一个 1 px 的错位（在幻灯片的右侧，我从下一张图像中看到 1 px）。这会随着幻灯片的通过而增加（我有 32 张幻灯片）......所以到幻灯片结束时，错位大约是 40 像素......

这是测试网址： http ://coresaocubo.pt/varchotel/html/galeria.html

我的图像有 900 x 400 像素...这是我正在使用的 CSS 定位：

除了这个“故障”，我对结果很满意，我敢打赌我在某个地方犯了一个新手错误，但我就是想不通......请帮忙？

非常感谢！

安娜

我正在使用 Unslider，并且我在一个页面上有多个滑块 - 所有滑块都具有同一类滑块。如果通过点导航，滑块可以工作 - 但下一个和上一个按钮不起作用。当页面上只有一个滑块并且我运行 console.log

我得到'Unslider'

如果页面上有多个滑块，我会得到“未定义”，并且在单击“下一个”或“上一个”时

未捕获的类型错误：无法读取未定义的属性“下一个”未捕获的类型错误：无法读取未定义的属性“上一个”

我假设它与我写这篇文章的方式有关：

有人可以帮忙吗？我不是 js 专家，所以我认为这可能是一个简单的解决方案。

根据需要，我的 html 非常基本。

有没有人能够使用 Unslider 进行无限滚动？

http://unslider.com/

显然，github 上的 dev 分支的代码包含无限滚动（滚动条总是向​​左滚动并且不会跳回幻灯片 1），但我根本无法让它工作。

当我合并来自 github 的代码时，它适用于无限滚动，但会破坏分页点。

点显示，但都乱序。

我目前有 5 张幻灯片：

首次加载时，幻灯片 1 和点 1 处于活动状态

在幻灯片 2 上，点 3 处于活动状态

在幻灯片 3 上，点 4 处于活动状态

在幻灯片 4 上，点 5 处于活动状态

在幻灯片 5 上，点 5 处于活动状态

重复后，在幻灯片 1 上，点 5 处于活动状态。

有人知道在线任何工作示例吗？我已经搜索但找不到任何问题 - 任何问这个问题的人都会再次被引用回 github。

我还在 github 上为此打开了一个问题，但是如果有人知道一个工作示例，那将很有用。