问题标签 [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.
jquery - caroufredsel 图像轮播上的响应高度问题
我正在使用带有响应图像的 caroufredsel 插件,但是滑块正在获取图像的全部高度(在调整大小之前)并在底部留下很大的间隙。
该函数在 window.resize 函数中被调用,因为我需要不断检查窗口的宽度。我需要这样做,因为显示的项目数量必须有所不同,如果窗口低于某个宽度,我必须销毁轮播并只显示所有项目。
这是我的代码:
这个问题的解决方案:carouFredSel responsive height解决了高度问题,但我似乎无法将它与检查项目数量并根据窗口宽度销毁/创建轮播相结合。
任何帮助将不胜感激 - 我在这里扯头发。谢谢。
编辑 我有一个不错的解决方案。我确实稍微改变了我的要求,但我认为即使我没有这样做也会奏效。
较小的要求更改是,我没有使用我的变量“numItems”,而是使用了插件的内置最小和最大项目。实际上,这意味着随着浏览器窗口变小,项目数变为 5 > 4 > 3,这实际上比从 5 跳到 3 更好。
然后我结合了以下两个问题的答案:
这设法让它工作。这是我最终得到的代码:
希望这对某人有用。
javascript - carouFredSel 在鼠标按下时滚动
我需要制作一个旋转木马,它会在鼠标按下时继续滚动并在鼠标升起时停止。让这个例子在悬停上工作。如何将其更改为在 mousedown 上工作?
caroufredsel - 如何在 carouFredSel 中显示可变宽度的图像?
当我们在 css 肖像照片中设置 img 宽度时会拉伸。当我们不设置 img 宽度时 carouFredSel 在当前图像旁边显示其他图像的部分。我们如何在固定宽度的轮播中只显示一张(人像)照片?
----js--------
--------css------------
}
caroufredsel - caroufredsel 和 jquery 的问题
我正在使用 jquery 1.8.2 和 caroufredsel 6.2.1。js 文件被添加到页面中。在我的 document.ready 函数中,我调用 $('#carousel1').carouFredSel() 其中 carousel1 是页面上的众多轮播之一。
HTML 被复制到下面(下面的 ${imgName} 是一个有效的图像):
关于我缺少什么以确保我可以在 html 页面上看到滑块的任何想法?任何有用的建议都将受到欢迎。提前致谢
jquery - 如何删除 carouFredSel 上的项目?
我正在尝试制作一个允许您删除项目的轮播,并让它与轮播上的其中一个项目一起使用,但它似乎不适用于以下项目有人有任何想法吗?
Javascript
HTML
CSS
javascript - Jquery滑块第一项标题问题
我正在开发一个 Jquery 滑块(caroufredsel),我希望在滑块本身上方显示一些元素,因此在包装器之外。我设法让这个工作,不幸的是不是第一张幻灯片!我现在试图弄清楚这件事几天,并得出结论我已经没有想法了。
我的javascript如下:
还有我的 HTML(一张幻灯片,有关多张幻灯片的工作示例,请参见我的 jsFiddle http://jsfiddle.net/X3k6b/1/):
我尝试做的是在 .pstitle 和 .psslogan DIV 中显示 .psslide DIV 数据标题和数据标语属性的值。
我已经完成了这项工作,只有第一张幻灯片不会显示这些值。来回点击时,它会正确显示。我想这与 onAfter 函数有关,但我真的不知道如何才能做到这一点!
有关“工作”示例,请参阅我的 jsFiddle http://jsfiddle.net/X3k6b/1/。
任何帮助将不胜感激。
提前致谢,
问候,
杰伦
jquery - 带有水平缩略图轮播的 Caroufredsel 图像库
我正在使用这个脚本,但是当我的画廊只有 3 张图片时它不起作用(缩略图什么都不做):
http://coolcarousels.frebsite.nl/c/26/
当我有 3 个或更少的图像时,我应该更改脚本的哪个部分以摆脱滚动并进行简单的显示/隐藏?
谢谢!
javascript - carouFredSel 淡入淡入
我使用 carouFredSel 插件构建了一个图像滑块,并且在一个图像轮播中一切正常,但是当我继续构建我的网站时,我遇到了一些问题。
第一个可见的轮播效果很好,但是如果您单击右上角的 IMG 链接以查看第二个轮播,它会忽略告诉它一次只显示一个项目或类似内容的代码。
我已确保两者的设置都相同,并且我尝试过尝试显示和浮动更改但没有运气
我现在也意识到它似乎是由淡入淡出过渡引起的,因为当我将淡入淡入设置为第一个滑块时,同样的事情也会发生。
猜测它与jQuery脚本所做的显示更改有关
http://coreytegeler.com/new/#work
有任何想法吗??
});
jquery - 轮播动画车
我正在使用 CarouFredSel.js 制作一个轮播,一次滚动浏览一个项目。截至目前,当单击下一个或上一个时,它会滚动出屏幕,但随后会出现新的,我希望它滑入。
这是代码
这也是小提琴jsfiddle.net/TCAb3/