问题标签 [caroufredsel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
620 浏览

javascript - 使用 jQuery.carouFredSel 的流畅的全窗口宽度轮播

我正在尝试使用以下画廊/轮播http://coolcarousels.frebsite.nl/c/2/来实现网站。

我想要做的是添加一个文本区域,标识谁在它旁边创建了图像,即让 div 中的图像向左浮动,内容向右浮动。

我创建了 div 并将其全部设置在 css 中,看起来一切正常,但由于某种原因轮播不起作用,就像添加 HTML 标签时出现问题一样。

有没有人使用过这个旋转木马并且有一个 div 旋转,里面有图像和文字,如果有,请帮助我。

干杯安迪。

0 投票
2 回答
6702 浏览

javascript - carouFredSel 滑块 - 上一个、下一个和分页不起作用

我正在carouFredSel为我正在制作的网站使用 jquery 插件。我在使用“ prev ”、“ next ”和“ pagination ”容器时遇到了一些问题。图像显示并开始滑动,但我无法导航(上一个/下一个),我看不到分页本身..

你可以在这里看到页面:http: //goo.gl/pJLNN

滑块位于顶部。Caroufredsel 在 DOM 准备好后在 bbody.js 中初始化。有没有人有任何想法?

0 投票
1 回答
918 浏览

jquery - 自动 timeoutDuration 不适用于同步轮播

我得到了两个同步的 caroufredsel 实例

问题是,我不能影响 auto 参数的 timeoutDuration ,也不能影响滚动持续时间。如果我为两个实例设置持续时间,同步的事情就会消失(当它们同步时,当我单击 .prev 或 .next 时,轮播都会滑动)

是否有人遇到与 caroufredsel 类似的问题?

0 投票
1 回答
497 浏览

jquery - CarouFredSel 分配动态幻灯片

对不起我的英语不好。我有两个标签。在每个选项卡下我想要一个滑块。但是要保证性能和dom处理。我只想拥有单个 CarouFredSel 对象,但我想在更改选项卡时更改分页元素的幻灯片和状态。

我如何动态地将幻灯片(div 集合)分配给 CarouFredSel 滑块,我的意思是通过 js?

我不想为每个选项卡分别创建两个 CarouFredSel 滑块,例如

...因为滑块分页(上一个/下一个按钮)是固定的,我不想分别为两个滑块复制它。只有我必须在更改选项卡时动态更改要滑动的幻灯片。

提前致谢

0 投票
1 回答
1555 浏览

caroufredsel - 尽管在配置中指定了宽度,但 Caroufredsel 宽度为 0

我正在使用一个基本的 Caroufredsel 设置,上面有一个主图像,下面是缩略图。我的问题是让缩略图以正确的大小显示,无论是一个、两个还是更多。我已经得到它,所以它几乎就在那里,还有一个奇怪的问题。

显示 div 时,不显示缩略图;使用调试器,我可以看到 caroufredsel_wrapper 类的宽度为 0,即使我已尝试在配置中将其显式设置为 330。如果我调整浏览器的大小,那么它会“唤醒”并且宽度设置正确。我一直无法弄清楚是什么原因造成的。

配置:

早些时候,我没有为轮播指定高度/宽度,并且为项目明确“宽度:150,高度:75”。一切都按预期呈现,但项目的宽度实际上是可变的,因此如果只有 1 或 2 个缩略图存在,图像就会被拉伸。为什么明确的项目高度/宽度被忽略也仍然是一个谜。

任何建议都会很棒;它快把我逼疯了。

0 投票
2 回答
3196 浏览

jquery - JQuery Caroufredsel not working, displays all images

I just installed caroufredsel and its not working. What I am expecting to happen is, 1 images appears, I click next or previous the next or previous image would appear. The code below just has all my images display in a list. I do understand what I am doing wrong as my code seems correct?

Here is my JQuery:

And here is my HTML:

Any help would greatly appreciated.

Thanks, J

0 投票
2 回答
137 浏览

javascript - 图像轮播中未将图像转换为正确尺寸

在图像轮播中围绕图像添加锚标记时(使用“ carouFredSel ”6.2 jQuery 库),图像未正确转换为正确的尺寸。删除锚标记时,图像将转换为正确的尺寸并按预期工作。CSS 也已更改,因此应用于图像的所有样式现在都应用于锚标记,但问题仍未解决。

为了演示这个问题,我在 JSFiddle 上重现了这个问题以及另一个小提琴中的预期结果。实际使用的 Javascript 代码从第 19 行开始。

实际结果

预期结果

值得注意的是,我已更改此代码段:

将样式应用于锚标记而不是图像,这反映在 JSFiddle 上的代码中。

0 投票
0 回答
934 浏览

php - CarouFredSel WordPress 设置

我在普通的 .php 文件中测试了这个脚本,但是当把代码放在 wordpress 头文件中时,脚本不起作用。有人可以告诉我如何将 CarouFredSel 滑块放在 wordpress 主题中吗?这是我在 .php 文件中使用的代码,一切正常:

0 投票
1 回答
148 浏览

javascript - 图像循环加载不当

使用 CarouFredSel 图像循环加载页面时,它总是向右移动一点,直到我转到下一个图像或重新加载页面,在硬刷新后会发生同样的问题。

http://coreytegeler.com/gl/music/

我之前尝试过多次发布此内容,但没有人给我任何信息,这真的让我很受挫,非常感谢您的帮助。

0 投票
1 回答
665 浏览

javascript - Fancybox & carouFredSel:fancybox 出现但被灰色背景覆盖

我用 carouFredSel 和 Fancybox 创建了网页。一切正常,但 Fancybox 显示为图像被灰色阴影覆盖。花式盒子的 html 代码:

和一个js:

更新 1

从CSS开始:

/fancybox.cssz-index 中设置为大约1100