问题标签 [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 回答
10417 浏览

jquery - caroufredsel 图像轮播上的响应高度问题

我正在使用带有响应图像的 caroufredsel 插件,但是滑块正在获取图像的全部高度(在调整大小之前)并在底部留下很大的间隙。

该函数在 window.resize 函数中被调用,因为我需要不断检查窗口的宽度。我需要这样做,因为显示的项目数量必须有所不同,如果窗口低于某个宽度,我必须销毁轮播并只显示所有项目。

这是我的代码:

这个问题的解决方案:carouFredSel responsive height解决了高度问题,但我似乎无法将它与检查项目数量并根据窗口宽度销毁/创建轮播相结合。

任何帮助将不胜感激 - 我在这里扯头发。谢谢。


编辑 我有一个不错的解决方案。我确实稍微改变了我的要求,但我认为即使我没有这样做也会奏效。

较小的要求更改是,我没有使用我的变量“numItems”,而是使用了插件的内置最小和最大项目。实际上,这意味着随着浏览器窗口变小,项目数变为 5 > 4 > 3,这实际上比从 5 跳到 3 更好。

然后我结合了以下两个问题的答案:

carouFredSel 响应高度

响应式站点需要条件 jquery

这设法让它工作。这是我最终得到的代码:

希望这对某人有用。

0 投票
1 回答
2311 浏览

javascript - 带有 carouFredSel 的视频轮播

单击上一个按钮时,视频不会停止播放。它仅适用于下一个按钮。

html代码:

剧本:

这里有一个演示

我做错了什么?

0 投票
1 回答
1288 浏览

javascript - carouFredSel 在鼠标按下时滚动

我需要制作一个旋转木马,它会在鼠标按下时继续滚动并在鼠标升起时停止。让这个例子在悬停上工作。如何将其更改为在 mousedown 上工作?

0 投票
1 回答
3455 浏览

caroufredsel - 如何在 carouFredSel 中显示可变宽度的图像?

当我们在 css 肖像照片中设置 img 宽度时会拉伸。当我们不设置 img 宽度时 carouFredSel 在当前图像旁边显示其他图像的部分。我们如何在固定宽度的轮播中只显示一张(人像)照片?

----js--------

--------css------------

}

0 投票
1 回答
1051 浏览

caroufredsel - caroufredsel 和 jquery 的问题

我正在使用 jquery 1.8.2 和 caroufredsel 6.2.1。js 文件被添加到页面中。在我的 document.ready 函数中,我调用 $('#carousel1').carouFredSel() 其中 carousel1 是页面上的众多轮播之一。

HTML 被复制到下面(下面的 ${imgName} 是一个有效的图像):

关于我缺少什么以确保我可以在 html 页面上看到滑块的任何想法?任何有用的建议都将受到欢迎。提前致谢

0 投票
3 回答
1730 浏览

jquery - 如何删除 carouFredSel 上的项目?

我正在尝试制作一个允许您删除项目的轮播,并让它与轮播上的其中一个项目一起使用,但它似乎不适用于以下项目有人有任何想法吗?

Javascript

HTML

CSS

0 投票
2 回答
202 浏览

javascript - Jquery滑块第一项标题问题

我正在开发一个 Jquery 滑块(caroufredsel),我希望在滑块本身上方显示一些元素,因此在包装器之外。我设法让这个工作,不幸的是不是第一张幻灯片!我现在试图弄清楚这件事几天,并得出结论我已经没有想法了。

我的javascript如下:

还有我的 HTML(一张幻灯片,有关多张幻灯片的工作示例,请参见我的 jsFiddle http://jsfiddle.net/X3k6b/1/):

我尝试做的是在 .pstitle 和 .psslogan DIV 中显示 .psslide DIV 数据标题和数据标语属性的值。

我已经完成了这项工作,只有第一张幻灯片不会显示这些值。来回点击时,它会正确显示。我想这与 onAfter 函数有关,但我真的不知道如何才能做到这一点!

有关“工作”示例,请参阅我的 jsFiddle http://jsfiddle.net/X3k6b/1/

任何帮助将不胜感激。

提前致谢,

问候,

杰伦

0 投票
0 回答
2076 浏览

jquery - 带有水平缩略图轮播的 Caroufredsel 图像库

我正在使用这个脚本,但是当我的画廊只有 3 张图片时它不起作用(缩略图什么都不做):

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

当我有 3 个或更少的图像时,我应该更改脚本的哪个部分以摆脱滚动并进行简单的显示/隐藏?

谢谢!

0 投票
1 回答
1086 浏览

javascript - carouFredSel 淡入淡入

我使用 carouFredSel 插件构建了一个图像滑块,并且在一个图像轮播中一切正常,但是当我继续构建我的网站时,我遇到了一些问题。

第一个可见的轮播效果很好,但是如果您单击右上角的 IMG 链接以查看第二个轮播,它会忽略告诉它一次只显示一个项目或类似内容的代码。

我已确保两者的设置都相同,并且我尝试过尝试显示和浮动更改但没有运气

我现在也意识到它似乎是由淡入淡出过渡引起的,因为当我将淡入淡入设置为第一个滑块时,同样的事情也会发生。

猜测它与jQuery脚本所做的显示更改有关

http://coreytegeler.com/new/#work

有任何想法吗??

});

0 投票
1 回答
155 浏览

jquery - 轮播动画车

我正在使用 CarouFredSel.js 制作一个轮播,一次滚动浏览一个项目。截至目前,当单击下一个或上一个时,它会滚动出屏幕,但随后会出现新的,我希望它滑入。

这是代码

这也是小提琴jsfiddle.net/TCAb3/