问题标签 [unslider]

所以我在我的页面http://www.choiceid.ca上实现了 Unslider（调整为淡入淡出而不是滑动）

当我第一次打开页面时，滑块经常坏掉——它显示的高度是 15 像素而不是 700 像素，并且您可以看到图像在旋转，就像您在窥视门的顶部一样。

如果我点击刷新，它什么也不做（或者如果它一开始就中断它）。如果我转到 URL 栏并再次按 Enter 键，或者重新输入地址，它可以正常工作，但即使这样也不可靠。

任何煽动将不胜感激。

所以我使用了我喜欢的非常漂亮的 unslider，但由于某种原因，它只是拒绝在我的网站上工作。我是一名学习基本 html 的学生，所以如果错误真的很小而且很愚蠢，请原谅我。

我使用最新的 Jquery 以及 Unslider 提供的 Javascript。

我的代码：

我错过了一些简单的东西吗？谁能解释为什么图像向右移动？

红色边框是图像需要的位置，但看起来无序列表上的 LI 正在移动滑块中的图像，即使填充和边距设置为零。

我试过使用position: relative; left:-40;，但它会切断图像的右侧，除非我使用：width:XXpx; 我试图避免使用特定的宽度，因为这将用于响应式网页设计，并且我想根据设备的大小调整图像的大小。

示例代码：http: //jsfiddle.net/vaqdvb5g/

JavaScript 文件：

CSS：

HTML：

可能忽略了一些简单的事情，但问题是浏览器窗口宽度很小时。重叠点放置不正确（图像底部）。

注意：如果从 HTML LI 中删除了“HEIGHT”属性，则不会显示图像。 玩高度：自动；在 HTML/CSS 中具有相同的结果。最大高度具有相同的效果。

我想删除硬编码的 HTML 样式高度，并让点始终出现在图像的底部，无论大小。

小提琴：http : //jsfiddle.net/s3r8uuzz/

JavaScript 文件：

CSS：

HTML：

我以前使用过很多 jquery 库，但这个不起作用。我正在使用 Twitter 引导程序，我想知道它是否是 JS 引导程序文件干扰了 Unslider jquery 库的 JS 文件 - > 我是 Unslider使用。

其实都是很标准的。代码如下。除了速度和延迟外，一切正常。延迟不会改变。

只是在网上戳了一个名为 Unslider.js 的插件，这是一个简单的轻量级轮播插件，我很难理解插件中的以下代码：

现在让我解释一下这一行的上下文，在插件中，上面的行前面是以下代码行：

我进行了一些测试，发现了以下行，

也就是说，key 返回 'slider'，如果 len “小于” 1，如果大于 1，那么结果将类似于 'slider-1'、'slider-2'、'slider-3' 等等。

下一行是：

正在创建一个 Unslider 的新实例并将其存储在 instance 中，然后将其存储。

init(me,o) 函数在哪里执行，

me = $(this) 和 o 只不过是用户传递给插件的对象文字。

现在我把上面所有的解释都给了，所以一切都没有断章取义。

现在我确实去了 Jquery 官方文档并检查了 data() 的用法。

我看到了一些例子，例如：

老实说，这些例子很可爱，但不知何故，它们并不能帮助我理解我想要什么。

所以回到我的问题，

上面这行真的在做什么？

编辑 ：：

如果我取消那条线，一切似乎都工作得很好，插件仍然工作正常，carousal 仍然滑动。

谢谢你。

亚历山大。

我试图将徽标和滑块（unslider.js）放在同一行，但由于某种原因引导列不起作用。

这是我正在尝试的代码：

现在它正在发生这样的事情

我试图允许用户使用 idiot/unslider 插件浏览帖子，所以我希望能够动态加载帖子。

这是我到目前为止得到的：

查看/显示

查看/_showpost

基本上我想做的是在加载当前帖子后将下一个帖子附加到滑块，以便用户可以有一个很好的滑动过渡。我找不到太多关于这种转换的文档，而且我对 JQuery 还是很陌生，所以非常感谢任何帮助！

谢谢

我需要扩展一个 jQuery 插件 ( https://github.com/idiot/unslider ) 以便使用另一个公共方法添加额外的行为。

我已经设法在调用时使公共方法可访问

但是，无论如何，我想保留 unslider 的旧行为，但使用另一个功能扩展插件。有人有想法吗？

我创建了一个小提琴，所以你可以检查发生了什么：我的新函数被调用，但旧函数不见了：http: //jsfiddle.net/b2os4s7e/1/