问题标签 [flexslider]

我在模态窗口中使用 Flexslider。当我打开模态窗口时，Flexslider 会出现以及下一个/上一个导航，但在我重新调整浏览器窗口大小之前不会加载第一张幻灯片，然后它会按原样显示。

这个问题在 Firefox 11.0、Chrome 19.0.1084.56 和 Opera 12.02 中似乎是一致的。

为了说明问题，请单击此处的第一张图片

我读过 jQuery 不能使用隐藏元素，或者这甚至是问题吗？有解决方法吗？

我在响应式站点上设置了 flexslider。我正在创建的滑块同时采用横向和纵向图像。我已经smoothHeight: true设置了高度以适应图像。

在最大的媒体查询中，flexslider 容器的宽度为 750 像素。这对于横向图像来说很好，但纵向图像变得太大了。纵向图像的宽度设置为与容器相同的大小 - 750px 宽，因此高度至少是其两倍，因此您无法在不滚动的情况下查看整个图像。

在 css 中，我尝试max-height: 750px了解决高度问题的设置，但 flexslider 然后拉伸图像以适应 750px 宽 x 750px 高。

有谁知道让 flexslider 保持纵横比并根据 调整图像宽度的任何方法max-height？这样肖像图像的高度为 750 像素，但保持其纵横比。

我一直在实现 flex 滑块的代码，它允许 flex 滑块之外的链接/按钮使用 LJ902 提供的 rel 标签定位特定幻灯片： jQuery FlexSlider hide Slider but retain visibility of Manual Controls

现在我很好奇，当 flex 滑块位于幻灯片的一部分中时，我如何能够更改目标链接/按钮的 css 状态（给它一个不同颜色的背景以指示它的活动状态）。

因此，例如在下面的示例中，当滑块处于图像 images/section2-Image01.jpg 到 images/section2-Image03 之间的状态时，第 2 节的幻灯片拇指链接的 css 状态会更改，对于第 2 节中的幻灯片3 第 3 节的滑动拇指链接的 css 状态已更改，第 2 节的样式恢复到以前的状态。本质上，当用户滑动/点击进入下一部分时，创建类似于标签的功能

谁能帮我解决这个问题？在过去的一天左右，我平庸的开发技能被此难住了。谢谢！

谁能告诉我为什么会这样？我是新手，但我在 flexslider.css 中看不到任何可以添加此空间的内容。谢谢！

我有一个 jquery 内容切换器，可以在单击相应链接时显示/隐藏 div。每个 Div 内部都有一个 FlexSlider。第一个 flex 滑块工作得很好，但是当您单击链接以显示不同的 Div 时，flex 滑块被搞砸了，它一次显示所有 3 张幻灯片。如果您散焦并重新聚焦浏览器窗口（单击桌面以散焦窗口，然后在窗口中单击以重新聚焦），则 flex 滑块可以正常工作。这是一个难以解释的问题，最好在行动中看到它。该网站是：http ://www.benhenschel.com

“Web”是第一个可以正常工作的滑块，但是如果您单击“Mobile”，则会出现第二个 Flex 滑块，您可以看到它同时显示所有 3 张幻灯片。如果您散焦并重新聚焦浏览器窗口，则 flex 滑块将正确显示。

这是内容切换器和 Flex Slider 的代码

这是HTML

我真的不太了解jQuery，所以任何帮助将不胜感激。

还有其他人有这种问题吗？我的页面顶部有一个下拉菜单，然后是 flexslider，然后是一些通用文本和图像……有两种字体，一种从 Google 字体 API 调用，一种使用 fontFace（以防万一这是相关的！）..

在我的 Mac 上的 Chrome 中查看时，我得到了一些非常奇怪的行为。每次幻灯片移动时，页面上的所有文本都会变得非常“细”，并且一些（但不是全部）导航链接会向上和向右“跳跃”一个像素。我没见过这样的东西，只能假设这是一些奇怪的冲突？？我已经测试了我能找到的所有东西，Mac 上的 FF、Opera、Safari 和 Chrome，IE9、Windows 上的 Chrome 和 Windows 上的 FF。两个版本的 Chrome 看起来都不好看，但 mac 版本更差。

不幸的是，在 100% 完成之前，我宁愿在网络上列出我的项目，而且我认为制作小提琴的东西太多了..但是在查看实际的 flexslider 网页后，我发现了同样的错误，如果你看缩略图你会明白我的意思（当然如果你在 Chrome 中）。- http://flexslider.woothemes.com/thumbnail-controlnav.html

有谁知道修复，因为我想保留我一直在处理的代码！

我的 flexslider 和 jquery UI 有一个大问题：

http://jsfiddle.net/YsvS3/

当我删除 jquery UI 的包含时，一切正常。

有人能帮我吗 ？

我包括我的滑块如下：

http://ashwin931996.webege.com/

Flexslider 未初始化。有什么理由吗？

css 和 js 链接正确。

一旦我为 Fancybox 插入脚本、css、jquery，我就有一个问题，我的 flexslider 脚本不起作用。我收到此错误：

当我删除 fancybox 脚本时，我的 flexslider 工作。可以同时使用吗？

我正在使用 Flexslider 从 API 中提取不同大小的产品图像。我一直把它们扔进 Flexslider 的<ul>，但是这些不同的图像尺寸不能很好地播放。当图像具有不同的高度时，Flexslider 可以很好地制作动画，但我希望 Flexslider 具有固定的高度和宽度以适合我的布局。我已经尝试将整个东西放入一个 fixed-size<div>中，但 Flexslider 完全忽略它并溢出到布局的其余部分。有没有办法调整图像大小以适应 Flexslider 不调整大小？