问题标签 [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.
javascript - CarouFredSel:奇怪的行为,在移动 Safari 上移动到下一张图像/幻灯片后,当前图像/幻灯片未显示
我使用 CarouFredSel,当我在移动 safari (iOS) 中打开它时,它显示出奇怪的行为。当我滑动移动到下一张幻灯片/图像时,当前图像未显示,我必须再次点击才能显示当前图像。
这是网址https://dl.dropboxusercontent.com/u/6922502/hellonemo/home.html
有什么想法可以解决这个问题吗?
谢谢。
jquery - 如何根据媒体查询创建和消除轮播?
我有一排应该出现在我的页面上的图像,除非窗口是 320 像素或以下。如果窗口是 320 像素或更低,那么我将图像放置在轮播中。我遇到的问题是我试图弄清楚当窗口超过 320 像素时如何摆脱轮播。因此,当用户将方向从纵向更改为横向时,该场景将出现在移动设备上 这是我到目前为止的代码:
jquery - 试图将 carouFredSel 放入可变宽度的容器中
我正在尝试使用响应式网格系统创建一个站点。列的宽度取决于浏览器窗口的宽度。在这些专栏中,我放了一个 carouFredSel 幻灯片。目的是让图像填充列的宽度,并使用 carouFredSel 在图像之间交叉淡入淡出。
问题是我的图像没有以正确的尺寸显示;左右边缘被剪掉。当我使用 Chrome 进行检查时,它报告我的主列 (.span_5_of_10) 是 613px 宽,应该是这样,并且 carouFredSel 的 wrapper div 大小相同,但 posterCarousel div 是 661px 宽。我不知道为什么。
我可以将 CSS 中图像的宽度设置为 661px 并修复所有问题,但是我的设计将无法响应。如何让 carouFredSel 适合可变宽度容器?
这是我的 HTML:
文档底部的 JavaScript:
和控制我的图像的 CSS:
javascript - 使用 $.animate() 水平展开元素并在展开时触发 window.resize
我有一个响应式轮播(使用CarouFredSel),它在点击时从 49% 的宽度扩展到 100% 的宽度,并且在动画完成后运行$(window).trigger('resize')
以触发轮播的内置响应能力。
但是,由于在动画完成之前不会触发,因此会有明显的跳动。问题:有没有办法在轮播展开时触发窗口调整大小,实际上是在模仿调整大小的窗口?
CodePen 示例:http ://codepen.io/chrisrockwell/pen/uozCj
编辑:笔,与别人讨论后,可能不是很清楚。因此,我添加了另一个包含 2 个警报语句的语句 - 在动画的开头和结尾:http: //codepen.io/chrisrockwell/details/Epuds
编辑 2: CarouFredSel 也有一个updateSizes
事件,我相信这与在窗口上触发调整大小相同。无论如何,我需要在轮播“增长”时多次触发调整大小。
我希望这个例子能清楚地说明我想要做什么——如果在触发调整大小之外还有其他方法可以完成,请随时分享。
这是当前的 JavaScript/jQuery:
jquery - 未找到 Foo2 等的元素
http://www.gordonlundie.com/Howe/#
我试图将我的轮播排序到页面的底部,它说没有找到元素。
任何人都可以就这个错误提出建议吗?我相信所有的js都被正确加载了。
先感谢您
上面的错误已修复,但它似乎仍在跳转到页面顶部并且没有滚动元素
jquery - 如何从角度模型中的 carouFredSel 中删除项目?
我遇到了一些为我的动态轮播实现 carouFredSel 的难题,该动态轮播使用角度模型来实现模型-视图-控制器关系。在角度内,我应该从模型范围中删除项目,但问题是我还应该担心在删除项目时重新计算轮播大小。在 carouFredSel 中,我应该删除在我单击的元素上触发自定义事件“removeItem”的项目,但是此事件更新 DOM 树而不是模型有没有办法正确删除项目?
javascript - carouFredsel 中的暂停事件
我在使用旋转木马时遇到问题。我想向轮播添加暂停或停止事件。我已经建立了一个滑块,在左侧你有一个滑块的导航页面。滑块自动启动,如果我手动选择幻灯片,我希望它停止
这是我的代码:
感谢您的任何提示。
jquery - 使用 touchswipe 滑动时防止 touchstart
我想防止在用户滑动缩略图时发生触摸启动,在他们滑动触摸启动的那一刻也被激活,有没有办法防止这种情况,这是我的代码:
javascript - 触发配置的 jQuery CarouFredSel 插件
我有一个小问题,我认为一切都很好,示例在这里:“Partneriai”页面底部的链接。这个想法是,当鼠标悬停在下一个和上一个按钮上时,将速度(持续时间)设置得更快一些,而当鼠标移出时,将速度持续时间设置为正常(默认)。
一切正常,但问题是:需要等待一个项目从 div 滑过,然后设置持续时间的配置。当鼠标悬停时,我需要立即,下一个,上一个按钮并设置这些配置。我找不到问题。
我的代码:
以及下一个按钮的示例:
问题是,当鼠标悬停在下一个按钮上时如何设置 scroll.duration ,而不是在轮播完成幻灯片时设置?
谢谢指教。
javascript - 如何调整 Caroufredsel 滑块的上边距?
使用示例中的“自定义”设置,我有一个 Caroufredsel 滑块工作正常:
但是,顶部的图像不与容器的顶部边框齐平。如果我检查调试器,我会看到 .js 库中的级别有 CSS 样式:
我发现这个特定元素是由 margin 属性控制的。如何在不更改库中代码的情况下调整此属性以反映“margin:0px 0px”?有没有办法在外部做到这一点?
Caroufredsel 支持论坛中的活动很少,并且从配置页面中不清楚如何调整它。