问题标签 [caroufredsel]

注意：虽然我现在正在使用 CarouFredSel，但我对特定插件没有任何偏好。我只对完成任务的目标感兴趣，所以如果您有建议，请发表评论！:D 谢谢

这是我正在尝试做的事情：

我有包含动态创建的 HTML 内容的框，我需要：

1)提供内容的垂直（向上）轮播/提示效果，仅当盒子中加载的项目超过 4 个时。

2）如果有> 4个项目，启动轮播/滚动条，允许在鼠标悬停时暂停，在鼠标悬停时恢复并提供导航以更改方向（上/下）或在轮播中的每个项目前进/后退

3）每个盒子的底部都有一个div。如果盒子有> 4个项目，那么我需要遍历每个项目，获取其中图像的来源（img.bimage）并在盒子底部的那个div中建立一个拇指分页。这应该允许用户单击拇指并让列表滚动到它。

这是我们到目前为止的工作示例：http: //jsfiddle.net/revive/jZMhE/

(note, the pagination callback is commented out of the JS, but that is what the pagination should look like)

如果您对如何使用 CarouFredSel或其他插件或功能完成这些事情有任何建议，请告诉我。我们不会坚持使用一件事或另一件事。我们坚持让它工作：D

谢谢你的帮助！！

使用 CarouFredSel 继续我的无限问题：

我有一组控制轮播的缩略图。这是我之前关于如何设置它的问题的链接：

WordPress中的caroufredsel图像缩略图分页

还有一个关于单击拇指时如何暂停它的问题

点击 caroufredsel 时暂停轮播

我的解决方案是添加延迟。

在您单击另一个缩略图之前，一切都很好。没发生什么事。我认为这与暂停/延迟有关。就像我删除了超时功能一样，它会淡入每个单击的缩略图......但不再在每次单击缩略图时暂停幻灯片放映。

总而言之，当您第一次单击任何缩略图时，这可以正常工作，随后单击任何缩略图都无济于事。就像我无法再次开始幻灯片放映一样。

我想到了一些条件语句，但我能想到的每一个都适用于每个实例，而不是来自后续点击的一个。像这样的东西：

但是，唉，这总是会达到第一个条件并且不会达到其他条件，因此不会暂停。我认为这可能只是一个逻辑问题，但也许它只是我需要添加的触发器以再次启动轮播。不知道。

我在我的 Wordpress 主题上与 Caroufredsel 合作，其中每个项目都链接到一个帖子（这个轮播总是在这个帖子的顶部。

目前，我的轮播以随机顺序开始，当前具有“ativo”类的项目如何成为第一个开始？

这是我的js：

这是php：

我正在使用很棒的CarouFredSel JQuery carousel 插件，它还包括为手持设备集成JQuery TouchSwipe库的功能。

carousel 元素是 div，在 div 中是包含在<ahref>标签中的图像和文本。

一切正常，但我注意到如果轮播元素（在本例中为 div）包含链接，则各种移动设备上的滑动效果不起作用。

如果我删除图像/文本周围的链接，则滑动动作可以正常工作。这几乎就像preventDefault()是在反向工作。如果我删除图像周围的链接，并将文本保留为链接，则滑动适用于图像，而不是文本。

我可以轻松地单击该项目作为链接，如果它是链接，我就无法滑动。

有没有人特别遇到过 CarouFredsel 的这个问题？

非常感谢，所以。

我有一个使用 jQuery CarouFredSel 插件构建的轮播。它工作正常。我根据网站的说明添加了滑动功能。我正在使用 jquery touchswipe 插件。

问题是当轮播中的项目具有超链接（A 标记）时，例如：

这不会滑动，除非您碰巧获得图像之间的空间。然后它工作。

奇怪的是，我还使用了 Zurb Foundation Orbit 滑块，即使滑块中的图像有链接，那里的滑动事件也能正常工作。

有任何想法吗？我的初始化代码：

编辑/更新：要显示当光标不在图像上时它会滑动，请参阅此屏幕截图：

它可以用作小提琴，但不能在实际网页中使用。 http://jsfiddle.net/smlombardi/JqRhb/

我在将 carouFredSel 用作带有控件以转到特定幻灯片的无限圆形滑块时遇到了一些麻烦。这是我的实现代码：

问题是每个元素的索引不是恒定的。每次滑块移动时它都会改变。所以我很难确定要滑到哪一个。我的滑块中的每个 li 都有类，并使用链接上的“rel”属性将相应的类传递给 hoverIntent 事件。在调试过程中，如果我翻转相同的名称，我可能会得到 6 的索引，然后它会滑到某个幻灯片，如果我再次翻转它，我会得到 10。我无法弄清楚模式或者我正在做首先是错误的。

也许我刚刚做错了什么，但目标是在页面中心有一个带有“突出显示”项目的滑块，然后如果您将鼠标悬停在名称上几秒钟，滑块就会移动到该特定照片。

感谢您抽出宝贵时间提供帮助！

我正在尝试将 Isotope 与 Caroufredsel 一起使用，但没有成功。

我在用着：

HTML+WP:

事实上，Isotope 和 Caroufredsel 使用相同的 ID，这是主要冲突。

这就是我如何称呼 CarouFredsel 和 Isotope....

谢谢

我正在尝试为使用carouFredSel jQuery 插件创建的轮播内的图像实现延迟加载。

你有什么建议或者你已经取得了类似的成就吗？好像默认是做不到的。

我正在尝试使用 CarouFredSel 在 div 中显示不同的图像，这些图像需要在开始时隐藏并在稍后单击某个按钮时可见。但它没有像我预期的那样工作。但是当我在开始时将 div 设置为可见时，我可以毫无问题地隐藏和显示这个 div。所以我正在寻找是否有人可以帮助我解决隐藏和显示 CarouFredSel div 的问题。

CSS：

显示 CarouFredSel 的 html 是这样的：

jquery调用如下：

请帮我显示和隐藏 div。

我有这个轮播作为一个 wordpress 插件，看起来像这样（完整的浏览器窗口宽度）：

当我调整浏览器窗口的大小时，图像的大小是相同的，直到触发媒体查询：

然后我调整需要调整大小的 div 的大小，并且图像会正确缩小，但会发生这种情况： 图像“未居中”。在创建轮播时发生的某些过程不会（自然地）触发。我现在解决这个问题的方法是：（我知道 javascript 不是 DRY，这只是一个例子）

在onCreate轮播的情况下，当浏览器窗口超过给定限制时，我将 resize 事件绑定window到重新创建轮播。这行得通，我认为这不会成为问题，但是...

这似乎是一件坏事，而不是正确的方法，我想知道我该如何正确地做到这一点？