问题标签 [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 投票
1 回答
7312 浏览

jquery - Caroufredsel > 在轮播容器宽度为 100% 时将当前项目居中到一定的边距

我正在尝试将当前中间项目放置在 100% 宽度中间的轮播中。这是一个示例图像http://ww.prompt-dev.com/example.png,发现很难用简单的话来解释......

轮播宽度为 100%。可见项目是 3。项目宽度是可变的。一次滚动 1 个项目。

这是我目前使用的 Caroufredsel 设置:

这是CSS:

任何帮助将不胜感激!

0 投票
0 回答
274 浏览

jquery - jQuery Cycle + Caroufredsel 的问题

我创建了一个 jQuery Cycle/Maximage2 画廊,同时使用 caroufredsel 进行轮播缩略图导航,但 caroufredsel 直到您出于某种原因调整浏览器窗口大小时才会触发。我试过包装循环

并将 caroufredsel 包裹起来

看看这是否会有所帮助,但仍然没有改变。

下面的 JS Fiddle:(调整内部浏览器的大小以使其触发)。

http://jsfiddle.net/AZgjA/2/

0 投票
2 回答
18068 浏览

responsive-design - 带有 carouFredSel.js 的响应式全宽轮播

我目前正在使用 carouFredSel.js 在我的网站上提供全宽轮播。我选择这个插件是因为它的全宽功能,能够在屏幕的左右边缘部分显示上一个和下一个图像。

我也在使用 Bootstrap 3,但没有成功实现相同的行为,所以这就是我选择使用插件的原因。

我遇到的问题是使轮播响应。该插件有一个选项可以通过在选项中添加“响应:真”来使其具有响应性,但是当我这样做时,它会破坏布局。

我的带有占位符图像的代码可以在http://jsfiddle.net/vUCZ8/找到。我建议在http://jsfiddle.net/vUCZ8/embedded/result/上查看全屏结果

0 投票
2 回答
4331 浏览

jquery - 在特定事件中禁用 caroufredsel

我在我的网站中使用 caroufredsel,我只希望它在窗口宽度小于 960 像素时激活/工作。它工作正常,我重新调整浏览器窗口的大小,当它小于 960 像素时它开始工作,但问题是当我再次调整窗口大小时,即使宽度大于 960 像素,它也不会禁用,

当窗口宽度超过 959px 时,有什么方法可以禁用 caroufredsel?

这是我的代码:

0 投票
1 回答
1205 浏览

jquery - 我的 jquery 产品滑块有一个灰色的大屁股

对不起标题,因为我不知道如何用一句话来描述这个问题。

我拍了一张照片来更好地描述这一点(这是我在滑动时拍的照片。)

我目前正在使用 caroufredsel 滑块插件,它很棒,但是对它进行造型对我来说一直很痛苦。我想做的是确保滑块不再有奇怪的边界/灰色框,并且幻灯片在远边缘结束,就像上图中滑块开始的位置一样。

这是html:

这是CSS

javascript:

0 投票
1 回答
436 浏览

javascript - 如何获取下一个/上一个链接以留在 CarouFredSel 幻灯片的两侧

当您将鼠标悬停在图像上时,我已经能够使用 CSS 来确保 NEXT 和 PREV 链接处于正确的位置。但是,如果您浏览此页面上的图像,您会注意到它们无法与风景图片一起正确显示。

CSS或JS是否有另一种方法来创建这种效果并让它适用于任何宽度的图像? http://garrettlockhart.com/2days1night/

这是相关的CSS:

JavaScript:

0 投票
1 回答
183 浏览

javascript - 无法使用内容 url() 设置元素样式

图片

我正在尝试为上图中的圆圈元素设置样式。我很想在这里添加一个 jsfiddle,但是因为我正在使用一个名为 caroufredsel 的插件,并且由于我对 Javascript 和 jQuery 的了解有限,我认为我不可能提供一个。很抱歉。但这是我的 CSS 和 HTML 代码:

这是CSS:

我试图同时添加background: url()content: url().pager a但什么也没发生;我还尝试使用text-indent:-999px将文本推开,以便显示背景,但也没有任何反应。此外,这是插件附带的 Javascript;我不知道它是否会有所帮助,但我也会在这里包括:

0 投票
1 回答
752 浏览

jquery - Pplugin carouFredSel no work me

如果我在单个页面中使用此插件可以解决问题,例如将模板用作 wordpress 和 enqueve

在第一刻我得到了作品,但只在firefox中工作,之后我尝试在其他导航器中工作,从来没有作品,只在firefox中工作

当我得到工作时,我这样做,我使用简码来显示这个滑块,带有图像,并在简码和插件 src 引用中使用 jquery 核心引用,以这种方式工作,但如果代码在头部wordpress 无效,如果使用短代码中的代码,这会停止我所有的 wordpress 脚本,并且只适用于这个插件,如果 jquery 的参考代码和引用这个插件进入头部永远不会起作用,但是是的,我的所有插件

只有这个插件有问题,总是给我同样的问题,我的代码是这样的:

通过这个我想知道是否存在这个插件的替代品,因为它不可能正常工作,当修复一个问题时显示另一个问题并继续遇到更多问题

感谢和问候 !

0 投票
1 回答
283 浏览

javascript - 初始幻灯片显示拆分图像

我正在使用我已经使用过很多次并且以前从未遇到过这个问题的caroufredsel。在 Safari 上,只有页面的初始加载显示分割图像 - 第一个的一半和第二个的一半。像这样:

在此处输入图像描述

幻灯片会很好地淡出下一个,如果您转到另一页并再次返回,那么它也很好。它只发生在 Safari 上。有没有人有任何想法?

这是我的html:

这是我的jQuery:

0 投票
0 回答
1173 浏览

jquery - jQuery插件carouFredSel在初始化后没有为轮播设置合适的大小

我正在尝试将 carouFredSel 插件用于角度应用程序。此应用程序使用以下依赖项:

我从这样的指令初始化插件:

实现非常简单:

问题是插件初始化后包装器有错误的内联指标但是控制台返回绝对准备好的“滑块”元素:

在窗口调整大小插件触发更新方法之后,一切都可以预测。请提出解决方案所在的建议。谢谢!

PS同样的问题是当我实施revolunet angular carousel时

此应用程序使用延迟承诺在身份验证过程后显示文档正文,即

身体的 CSS 是:


好吧,解决方案是:在 css 而不是“显示:块/无”中,我使用了“可见性:隐藏/可见”来避免折叠和指令更改也以提供适当的延迟: