问题标签 [caroufredsel]

我正在考虑使我现有的轮播具有响应性，我有分页并显示所有页面，但是它包含许多页面，因此当我尝试将其放入较小的屏幕时，数字会进入第二行。我也有下一个和后退按钮。

我想要的是能够显示，例如，从 1 到 5 的数字和三个点（...），然后在第 5 页单击下一步时，显示 6 到 10 等等。在较小的屏幕中查看时，每个页面将包含一个项目，或者可能包含 2 个，一个在另一个之下。

有没有人实现了类似的东西可以给我一些示例代码？

谢谢

我在使用 carouFredSel jQUERY 插件时遇到了一些问题。我得到了所有的样式并且在本地很好地工作（没有 MAMP），但是当我将文件移动到我的实时服务器并确保一切都在正确的位置时，它就坏了。

我可以在本地使用相同的文件，并且轮播可以正常工作。我开始认为这与我的代码或我的布局方式有关。我不太精通 Javascript（我可以使用jQUERY），所以这对我来说是一种学习过程。任何帮助深表感谢。

这是我的标头代码，我使用的是 HTML 5 Boilerplate。

编辑：我的错误，我完全忘记发布我的错误控制台所说的内容。它说如下：

错误：TypeError: $("#carousel").carouFredSel 不是函数。

有任何想法吗？任何帮助深表感谢。谢谢！

我在响应式（html5 样板）布局中使用 carouFREDsel jQuery carousel 插件。因此可见项目的大小确实发生了变化。

我的HTML如下：

我正在使用样式为“clear: both”的最后一个 DIV，以确保 .portfolio-right 缩小到它的内容（它有一个围绕轮播中可见项目的边框）。

CSS：

要么我需要找到一种方法让容器缩小到它的内容，要么让 carouFREDsel 中的过滤器工作（由于某种原因我不能）。

基本上我的问题是过滤器选项不起作用，无论是类还是 :visible 选择器。因此，样式为“clear:both”的最终 DIV 出现在分页中。

我是否遗漏了什么，是否有解决方法？

我正在将 CarouFredSel 用于我正在设计的网站，但是我遇到了一个问题……在我尝试将图像链接到 url 之前，一切都按预期工作。

script看起来像：

code看起来像：

任何帮助表示赞赏:)

谢谢，
乔什

我正在使用 CarouFredSel 显示垂直滚动条（http://new.joshrodg.com/?page_id=206）的网站上工作，我遇到的问题是当我单击上一个按钮时， CarouFredSel 滚动得很好。 ..但是当我尝试通过单击下一个按钮来推进幻灯片时，滚动就搞砸了..奇怪的是，只有当我使用 WordPress MapPress 插件发布了谷歌地图时才会发生这种情况。

我很确定 MapPress 插件导致了这个问题，但我认为可以通过一些代码来修复它（特别是因为这似乎是一个仅限 Safari 的问题......我已经在 Safari、Firefox、Chrome 和IE8)

现在确实起作用的一件事（有点）是添加position: relative到我的.sidebar-image acss 样式中，唯一的问题是尽管它正确推进，但没有滚动效果（这违背了目的）

以前有人经历过吗？

我的script样子：

我的code样子：

我的CSS样子：

所有这些代码都在另一个具有相对位置的 div 中 - 我在某处读到可能导致问题的地方，但即使在删除 css 之后，轮播仍然做同样的事情......

code包含 div 的看起来像：

我尝试过使用不同的 jQuery 库（直接来自 jQuery，而不是直接来自 Google）。我也尝试使用完整的 CarouFredSel 脚本，而不是使用 CarouFredSel 打包版本。

Any ideas? It's got me stumped :-(

Thanks,
Josh

旋转木马 (caroufredsel)不断向左滚动（例如，选中此项）。当我将鼠标悬停在右侧的箭头上时，它会停止滚动，然后它会反转它的方向。我尝试使用自定义事件，但似乎它不起作用。这是轮播的代码。

现在我的自定义事件将导致轮播反转是方向是这样的。但直到完成滚动的整个项目才起作用。我想要实现的是在悬停时瞬间反转方向。

上面的代码不起作用，我尝试了不同的事件来模拟滚动的反转，但没有运气。

如果没有解决方法。我愿意更改另一个可以轻松完成工作的插件。如果您知道可以轻松完成的事情，请留下您的建议。非常感谢！

我正在使用这个滚动条

http://coolcarousels.frebsite.nl/c/2/

我在下面有这个设置。

我的问题是我将它设置为visible: 4并且我有 4 张图像，所以它不会滚动。如果我将它设置为，visible: 3那么它会按预期工作。但是，当您以 1920 像素宽的分辨率打开浏览器全宽时，我想在一个屏幕上显示所有 4 张图像。所以问题似乎是。如果我将可见的图像数量设置为我拥有的图像，那么它就会停止工作。

有没有办法一次在屏幕上显示所有 4 个图像，然后仍然滚动它们？

我正在为图像使用 carouFredSel 滑块，所有文字都很棒，我将 prettyPhoto 与它集成，在 Firefox 中完美运行，但在 Chrome / Safari 中，主图像不会加载，如果我在这里删除 prettyPhoto 图像，它也会在 Chrome 中正常加载，我尽我所能解决问题，但找不到解决方案..

知道有什么问题吗？可能与 prettyPhoto 或 carouFredsel 有关吗？

问候

我在http://chiaroscurodev.telegraphbranding.com/使用 CarouFredsel jQuery 插件，如您所见，它正在计算在给定浏览器宽度的情况下适合屏幕的整个图像的数量。然后在滚动下一个图像之前在最后一个图像之后添加边距。

我的代码：

我希望轮播可以无限滚动 100% 的浏览器，而无需在每个图像后添加任何边距，只是不断地显示图像流。

另外，有谁知道我如何实现一个功能，当您单击图像时，它会滑动轮播以使图像在浏览器中居中？

谢谢你的帮助。

我看到九个元素： [0 1 2 3 4 5 6 7 8]

滚动的元素（一个在单击时，三个在 mouseweel 处）在白色包装 div 容器的滚动或滚动期间具有“硬边”。

点击右：<0 [1 2 3 4 5 6 7 8 9]

在鼠标滚轮向下：<0 1 2 [3 4 5 6 7 8 9 10 11]

所以我测试了滚动选项“在 1 秒内使用自定义效果和缓动动画滚动”。http://caroufredsel.dev7studios.com/code-examples/configuration.php与

但

crossfade-effekt 适用于所有九个元素，而不适用于滚动和滚动的两个（或六个）元素。

您是否有在单击时淡出项目 0 和淡入项目 10 或在鼠标滚轮上淡出项目 0、1、2 和淡入项目 9、10、11 的解决方案？

谢谢