问题标签 [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.
javascript - Flexslider 2.1 内联样式问题
我使用 flexslider2 来展示我的幻灯片。
但我有一个问题,我的 li 元素的宽度在第一页加载时计算错误。
当我打开 firebug 并单击内联样式时,宽度会发生变化,并且所有内容都正确显示。此外,当我调整浏览器大小时,一切都是正确的。
为什么我有这个问题?
当我查看 flexslider 代码时,我发现:
这应该没问题....因为在调整大小时,它只使用计算的W:
请帮我!!!
jquery - Flexslider 和从右到左的语言支持
我在 WordPress 上安装了一个包含 Flexslider 的模板。我的语言是从右到左 (RTL) 编写的。当页面为 RTL 时,Flexslider 停止并且没有图像出现。我该如何解决这个问题?
jquery - 在所有广告和脚本之后,Flexslider 加载结束
我注意到在所有广告和脚本完成加载后我的 Flexslider 加载幻灯片,并且在 flexslider 上的位置是“大洞”,直到所有脚本和广告完成加载!?你知道这是为什么吗?
javascript - 在每个幻灯片过渡中暂停多个 youtube Iframe 视频
我是 YouTube Iframe API 的新手,当用户移动到另一张幻灯片时,我试图暂停幻灯片中的几个嵌入式 Iframe 视频(jQuery flexslider 插件)。如果播放器没有暂停,则视频将继续播放,并且由于幻灯片放映中将有多个视频,因此当显示新幻灯片时,我需要每个视频都暂停。iframe 不是通过 API 插入的,但由于我使用的 CMS 已经存在于 html 中。
我已经阅读了 API 参考和我在此处找到的几个答案,但是在用户切换到新幻灯片时无法弄清楚如何暂停任何/每个 Iframe 视频。
在我最近的尝试中,如下面的代码所示,我尝试在单击链接时暂停 iframe,因为页面上唯一的链接将用于导航到下一张和上一张幻灯片。我还尝试在通过 flexslider API 提供的幻灯片转换事件上暂停所有视频,但没有成功。
任何帮助将不胜感激
resize - iphone/ipad的flexslider调整大小问题
我以前实现过 flexslider,但这次在 i-phone 或 i-pad 中查看时它没有调整大小。当我调整浏览器窗口的大小时,它也不起作用。请提出任何解决方法。现在我通过在 flexslider.css 文件中添加媒体查询使其工作。
提前感谢您的帮助。
jquery - Flexslider 缓慢的图像加载
我在我正在构建的网站上使用 Flexslider。
我非常喜欢这种响应能力,这就是我不想更改为 nivo-slider 或类似东西的原因。
不利的是,它在加载所有图像之前不显示第一张图像。因此,您必须等待滑块中的所有图像都加载完毕才能使网站看起来正常。这在台式机/笔记本电脑上是可以接受的,但在移动设备上是不可接受的。
我在这里发现了一个类似的问题Flexslider - image preloader但我无法让它工作。
我用它来触发代码
这在我的 HTML 中
问题是。如何使滑块尽快显示第一张图像?然后是第二个,依此类推。
编辑:我解决了这个问题。它在下面的正确答案中给出。如果您有更好的解决方案:请分享:D
jquery - flexslider 图像滑块:段落文本仅在第一张幻灯片上不显示
我正在构建一个使用 flexslider 作为主页图像滑块的站点。
它运行良好,但在 IE7 中进行测试时,第一张幻灯片的段落文本没有出现。当 h2 和按钮出现时,这真的很奇怪,下面所有幻灯片的全部内容也是如此。
我认为这是由 flexslider 引起的问题,但我不确定如何解决它。
这是该网站的链接:https ://mariaridge.myshopify.com/
任何想法将不胜感激!
提前致谢,
汤姆
javascript - 在运行函数之前确保我的循环完全完成?
我创建了一个循环,对我的数据进行模板化,然后将其附加到选定的 div 中,我想确保在运行下一个函数之前这些数据已经完全模板化并注入,所以我真正需要的是回调函数之类的东西。谁能建议我如何做到这一点?
JS
jquery - Flexslider - 幻灯片之间可能有边距?
我有一个来自客户端的(不寻常的)请求,要求在“幻灯片”动画期间每张幻灯片之间至少有 40 像素的填充/边距。Flexslider 的默认设置是让项目相互刷新。
“itemMargin”在 2.0 中有一个新的 JQuery 选项,但它似乎只用于“轮播”设置。如果我通过 CSS 应用边距,每张幻灯片都会撞到下一张幻灯片。
无论如何要在幻灯片之间应用边距,还是这是一个不可能的选择?
这是我当前设置的选项
javascript - Select 不适用于 android (< 4.x) 中的 flexslider
在我的移动网站中使用 flexslider 时,我似乎遇到了显示和选择下拉菜单的问题。 在这里,列出了类似的问题。但解决方案对我不起作用。我确实使用了 useCSS:false,不知何故这对我也不起作用。我使用 Android GingerBread。
我可以提交按钮、输入文本、使用复选框,但不能使用下拉菜单。欢迎任何建议。
==编辑==
我在这里发现了一个类似的报告问题:https ://github.com/woothemes/FlexSlider/issues/82 即使它是与 webkit 相关的问题,任何人都可以为此提出任何解决方案吗?
有时会显示其他幻灯片的下拉列表,尽管有 backface-visibility:hidden。