问题标签 [caroufredsel]

我使用 CarouFredSel，当我在移动 safari (iOS) 中打开它时，它显示出奇怪的行为。当我滑动移动到下一张幻灯片/图像时，当前图像未显示，我必须再次点击才能显示当前图像。

这是网址https://dl.dropboxusercontent.com/u/6922502/hellonemo/home.html

有什么想法可以解决这个问题吗？

谢谢。

我有一排应该出现在我的页面上的图像，除非窗口是 320 像素或以下。如果窗口是 320 像素或更低，那么我将图像放置在轮播中。我遇到的问题是我试图弄清楚当窗口超过 320 像素时如何摆脱轮播。因此，当用户将方向从纵向更改为横向时，该场景将出现在移动设备上 这是我到目前为止的代码：

我正在尝试使用响应式网格系统创建一个站点。列的宽度取决于浏览器窗口的宽度。在这些专栏中，我放了一个 carouFredSel 幻灯片。目的是让图像填充列的宽度，并使用 carouFredSel 在图像之间交叉淡入淡出。

问题是我的图像没有以正确的尺寸显示；左右边缘被剪掉。当我使用 Chrome 进行检查时，它报告我的主列 (.span_5_of_10) 是 613px 宽，应该是这样，并且 carouFredSel 的 wrapper div 大小相同，但 posterCarousel div 是 661px 宽。我不知道为什么。

我可以将 CSS 中图像的宽度设置为 661px 并修复所有问题，但是我的设计将无法响应。如何让 carouFredSel 适合可变宽度容器？

这是我的 HTML：

文档底部的 JavaScript：

和控制我的图像的 CSS：

我有一个响应式轮播（使用CarouFredSel），它在点击时从 49% 的宽度扩展到 100% 的宽度，并且在动画完成后运行$(window).trigger('resize')以触发轮播的内置响应能力。

但是，由于在动画完成之前不会触发，因此会有明显的跳动。问题：有没有办法在轮播展开时触发窗口调整大小，实际上是在模仿调整大小的窗口？

CodePen 示例：http ://codepen.io/chrisrockwell/pen/uozCj

编辑：笔，与别人讨论后，可能不是很清楚。因此，我添加了另一个包含 2 个警报语句的语句 - 在动画的开头和结尾：http: //codepen.io/chrisrockwell/details/Epuds

编辑 2： CarouFredSel 也有一个updateSizes事件，我相信这与在窗口上触发调整大小相同。无论如何，我需要在轮播“增长”时多次触发调整大小。

我希望这个例子能清楚地说明我想要做什么——如果在触发调整大小之外还有其他方法可以完成，请随时分享。

这是当前的 JavaScript/jQuery：

http://www.gordonlundie.com/Howe/#

我试图将我的轮播排序到页面的底部，它说没有找到元素。

任何人都可以就这个错误提出建议吗？我相信所有的js都被正确加载了。

先感谢您

上面的错误已修复，但它似乎仍在跳转到页面顶部并且没有滚动元素

我遇到了一些为我的动态轮播实现 carouFredSel 的难题，该动态轮播使用角度模型来实现模型-视图-控制器关系。在角度内，我应该从模型范围中删除项目，但问题是我还应该担心在删除项目时重新计算轮播大小。在 carouFredSel 中，我应该删除在我单击的元素上触发自定义事件“removeItem”的项目，但是此事件更新 DOM 树而不是模型有没有办法正确删除项目？

我在使用旋转木马时遇到问题。我想向轮播添加暂停或停止事件。我已经建立了一个滑块，在左侧你有一个滑块的导航页面。滑块自动启动，如果我手动选择幻灯片，我希望它停止

这是我的代码：

感谢您的任何提示。

我想防止在用户滑动缩略图时发生触摸启动，在他们滑动触摸启动的那一刻也被激活，有没有办法防止这种情况，这是我的代码：

我有一个小问题，我认为一切都很好，示例在这里：“Partneriai”页面底部的链接。这个想法是，当鼠标悬停在下一个和上一个按钮上时，将速度（持续时间）设置得更快一些，而当鼠标移出时，将速度持续时间设置为正常（默认）。

一切正常，但问题是：需要等待一个项目从 div 滑过，然后设置持续时间的配置。当鼠标悬停时，我需要立即，下一个，上一个按钮并设置这些配置。我找不到问题。

我的代码：

以及下一个按钮的示例：

问题是，当鼠标悬停在下一个按钮上时如何设置 scroll.duration ，而不是在轮播完成幻灯片时设置？

谢谢指教。

使用示例中的“自定义”设置，我有一个 Caroufredsel 滑块工作正常：

但是，顶部的图像不与容器的顶部边框齐平。如果我检查调试器，我会看到 .js 库中的级别有 CSS 样式：

我发现这个特定元素是由 margin 属性控制的。如何在不更改库中代码的情况下调整此属性以反映“margin：0px 0px”？有没有办法在外部做到这一点？

Caroufredsel 支持论坛中的活动很少，并且从配置页面中不清楚如何调整它。