问题标签 [caroufredsel]

在阅读了一些关于 stackoverflow 的帖子后，我尝试了一些方法来让我的 div 并排放置，但没有成功。我以前从未以任何重要的方式使用过 CSS，所以我很挣扎。

我有一个幻灯片，我想从页面的右边缘滑入。滑块的左边缘应该有一个 div 允许关闭滑块（在下面的代码中称为 clickme），滑块的右侧包含一个包含 carouFredSel 的 div（在下面的代码中称为 image_carousel） .

我有两个问题：

1. 滑块不顺滑。我已经尝试了在#slideout 的transition CSS 属性中可以找到的所有内容，但滑块仍然只是出现而不是从右侧滑动。

2. 包含轮播 (#image_carousel) 的 div 不位于 #clickme 的右侧。我想让#slideout 用#clickme 占用左边的10%，用#image_carousel 占用右边的90%。#clickme 确实占据了左边的 10%，但是 #image_carousel 的位置，嗯，有点在 clickme 的顶部，也没有占据右边的 90%。如果我有 image_carousel 的 position = relative ，那么它看起来会好一些，但仍然不正确。

这是代码。我从他们网站上的示例中复制的 carouFredSel 内容。

谢谢，

保罗

我正在寻找一个免费的 JavaScript 轮播。我遇到了 carouFREDsel，从他们网站上的示例来看，它看起来相当不错。然而，与它战斗了几天，我不相信它工作得很好（如果在某些情况下有的话）。有没有人使用过他们有过积极体验的免费 JavaScript 轮播？

我遇到了这个： http ://sorgalla.com/jcarousel/ 但页面上唯一的日期是 2006 年 9 月，所以我想它已经很老了。

谢谢，

保罗

好的，稍微复杂的问题。我的页面上有一个轮播（使用 CarouFredSel 插件），有时这个轮播中有 3 张图片，有时是 4 张或更多。轮播设置为一次显示 3 张图像，中心图像更大。

我的问题是，如果我只有 3 张图像，我不能左右滑动轮播以使相邻图像居中（因此更大）。为了解决这个问题，我添加了一个虚拟图像（即只写<img src="" />这样滑块认为有 4 个图像，这允许我滑动，但是，我希望能够在到达第 4 个“虚拟”图像之前停止滑块。

我的HTML如下：

和滑块插件的jQuery：

这是一个 JSFiddle，所以你可以明白我的意思：http: //jsfiddle.net/hvZzc/1/

我有一系列可变宽度的图像。我想在轮播中旋转它们并选择“carouFredSel”，因为它似乎是我能找到的最可配置的一个。我希望其中一张图像始终在浏览器中水平居中。因此，对于传统的轮播图像，默认情况下会左对齐，但在这里我希望它们围绕视图中间的图像对齐，图像之间的间隙保持一致（10px）。这是一个例子：http ://coolcarousels.frebsite.nl/c/2/ 。这对于固定宽度的图像非常有用，但我的图像宽度可变。这个可变宽度是问题所在。

我做了一个快速模型来突出这一点。代码如下：

HTML：

CSS：

JS：

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

您将看到是否删除了“.carousel-image”宽度，它具有使图像彼此相邻而没有间隙的预期效果，但它也会阻止中间图像居中。

我想知道是否有人能想出一种方法来达到我想要的效果？如果存在这样的东西，我对替代插件持开放态度，但是看起来又长又难，我找不到适用于可变宽度图像的插件！

谢谢各位。

我已将 CarouFredSel 插件添加到我的网站中，并遵循以下示例：http ://coolcarousels.frebsite.nl/c/2/ 。通过在左侧显示一个图像，在右侧显示另一个图像并旋转，滑块正在正常工作。但现在我需要显示包含文本和图像的 div。这将是某种文章滚动，然后滚动功能被破坏。

现在它不应该滚动。关于如何解决它的任何想法？或者您是否知道任何其他具有相同设计但效果更好的滑块？

I have set up mousewheel support like this:

The problem is that I would like scrolling by mousewheel to be non-discrete. Atm. the minimum shift when scrolling is by height of an item. I want it to move by pixels continuously.

根据 Caroufredsel 规范，caroufredsel 需要包含在页面的头部。问题是我无法访问页面的头部，因为我必须将代码集成到平台的内容槽中。有没有办法解决这个问题，所以我可以动态地将脚本添加到，因为如果我将它直接包含在内容槽中，caroufredsel 不会为我加载。

谢谢！

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

轮播是一个点击/滑动拖动幻灯片，它使用 caroufresel.js。我有这个轮播的多个实例，但是当我单击并拖动其中一个轮播时，所有轮播都会移动。我相信它在 JavaScript 中，但我对此很陌生，我似乎无法弄清楚这一点。

所以我想要做的是将每个轮播分开以单独移动。

这是基本结构，多次用于多个轮播。每一个都有自己的区别，但是我在为每个单独响应实施轮播时遇到了麻烦。

顶部的初始链接显示了原始标记和 js。

欣赏回复。

这是javascript：

我正在尝试向 carouFredSel 中的当前幻灯片添加一类“活动”，但我无法让它工作。我可以让它工作的最接近的方法是将它添加到第一张幻灯片上，使用trigger("currentVisible")，但它不会更新。

帮助！谢谢 ：）

我在网站上使用 Jquery carouFredSel，所以需要显示分页

上一页 2 3 下一页 末页

就像我上面解释的那样，请让我知道这是否可能。

在这里你可以找到插件

http://caroufredsel.dev7studios.com/

谢谢你。