问题标签 [flexslider]

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 回答
1319 浏览

javascript - Flexslider 2.1 内联样式问题

我使用 flexslider2 来展示我的幻灯片。

但我有一个问题,我的 li 元素的宽度在第一页加载时计算错误。

当我打开 firebug 并单击内联样式时,宽度会发生变化,并且所有内容都正确显示。此外,当我调整浏览器大小时,一切都是正确的。

为什么我有这个问题?

当我查看 flexslider 代码时,我发现:

这应该没问题....因为在调整大小时,它只使用计算的W:

请帮我!!!

0 投票
5 回答
6087 浏览

jquery - Flexslider 和从右到左的语言支持

我在 WordPress 上安装了一个包含 Flexslider 的模板。我的语言是从右到左 (RTL) 编写的。当页面为 RTL 时,Flexslider 停止并且没有图像出现。我该如何解决这个问题?

0 投票
1 回答
1941 浏览

jquery - 在所有广告和脚本之后,Flexslider 加载结束

我注意到在所有广告和脚本完成加载后我的 Flexslider 加载幻灯片,并且在 flexslider 上的位置是“大洞”,直到所有脚本和广告完成加载!?你知道这是为什么吗?

0 投票
1 回答
2470 浏览

javascript - 在每个幻灯片过渡中暂停多个 youtube Iframe 视频

我是 YouTube Iframe API 的新手,当用户移动到另一张幻灯片时,我试图暂停幻灯片中的几个嵌入式 Iframe 视频(jQuery flexslider 插件)。如果播放器没有暂停,则视频将继续播放,并且由于幻灯片放映中将有多个视频,因此当显示新幻灯片时,我需要每个视频都暂停。iframe 不是通过 API 插入的,但由于我使用的 CMS 已经存在于 html 中。

我已经阅读了 API 参考和我在此处找到的几个答案,但是在用户切换到新幻灯片时无法弄清楚如何暂停任何/每个 Iframe 视频。

在我最近的尝试中,如下面的代码所示,我尝试在单击链接时暂停 iframe,因为页面上唯一的链接将用于导航到下一张和上一张幻灯片。我还尝试在通过 flexslider API 提供的幻灯片转换事件上暂停所有视频,但没有成功。

任何帮助将不胜感激

0 投票
1 回答
938 浏览

resize - iphone/ipad的flexslider调整大小问题

我以前实现过 flexslider,但这次在 i-phone 或 i-pad 中查看时它没有调整大小。当我调整浏览器窗口的大小时,它也不起作用。请提出任何解决方法。现在我通过在 flexslider.css 文件中添加媒体查询使其工作。

提前感谢您的帮助。

0 投票
6 回答
38123 浏览

jquery - Flexslider 缓慢的图像加载

我在我正在构建的网站上使用 Flexslider。

我非常喜欢这种响应能力,这就是我不想更改为 nivo-slider 或类似东西的原因。

不利的是,它在加载所有图像之前不显示第一张图像。因此,您必须等待滑块中的所有图像都加载完毕才能使网站看起来正常。这在台式机/笔记本电脑上是可以接受的,但在移动设备上是不可接受的。

我在这里发现了一个类似的问题Flexslider - image preloader但我无法让它工作。

我用它来触发代码

这在我的 HTML 中

问题是。如何使滑块尽快显示第一张图像?然后是第二个,依此类推。

编辑:我解决了这个问题。它在下面的正确答案中给出。如果您有更好的解决方案:请分享:D

0 投票
1 回答
652 浏览

jquery - flexslider 图像滑块:段落文本仅在第一张幻灯片上不显示

我正在构建一个使用 flexslider 作为主页图像滑块的站点。

它运行良好,但在 IE7 中进行测试时,第一张幻灯片的段落文本没有出现。当 h2 和按钮出现时,这真的很奇怪,下面所有幻灯片的全部内容也是如此。

我认为这是由 flexslider 引起的问题,但我不确定如何解决它。

这是该网站的链接:https ://mariaridge.myshopify.com/

任何想法将不胜感激!

提前致谢,

汤姆

0 投票
2 回答
152 浏览

javascript - 在运行函数之前确保我的循环完全完成?

我创建了一个循环,对我的数据进行模板化,然后将其附加到选定的 div 中,我想确保在运行下一个函数之前这些数据已经完全模板化并注入,所以我真正需要的是回调函数之类的东西。谁能建议我如何做到这一点?

JS

0 投票
2 回答
11763 浏览

jquery - Flexslider - 幻灯片之间可能有边距?

我有一个来自客户端的(不寻常的)请求,要求在“幻灯片”动画期间每张幻灯片之间至少有 40 像素的填充/边距。Flexslider 的默认设置是让项目相互刷新。

“itemMargin”在 2.0 中有一个新的 JQuery 选项,但它似乎只用于“轮播”设置。如果我通过 CSS 应用边距,每张幻灯片都会撞到下一张幻灯片。

无论如何要在幻灯片之间应用边距,还是这是一个不可能的选择?

这是我当前设置的选项

0 投票
0 回答
428 浏览

javascript - Select 不适用于 android (< 4.x) 中的 flexslider

在我的移动网站中使用 flexslider 时,我似乎遇到了显示和选择下拉菜单的问题。 在这里,列出了类似的问题。但解决方案对我不起作用。我确实使用了 useCSS:false,不知何故这对我也不起作用。我使用 Android GingerBread。

我可以提交按钮、输入文本、使用复选框,但不能使用下拉菜单。欢迎任何建议。

==编辑==

我在这里发现了一个类似的报告问题:https ://github.com/woothemes/FlexSlider/issues/82 即使它是与 webkit 相关的问题,任何人都可以为此提出任何解决方案吗?

有时会显示其他幻灯片的下拉列表,尽管有 backface-visibility:hidden。