问题标签 [flexslider]

我有一个 1 页的网站，有多个部分，每个部分包含一个内容 DIV 和一个 flexslider。在较大的屏幕上，似乎有一个奇怪的错误导致背景随着幻灯片动画而闪烁，在此处进行操作：http: //yyy.comuf.com/PORT/

我认为这是因为页面上有多个 flexslider，但不确定修复它的最佳方法。

JS

});

HTML SLIDER-1

HTML SLIDER-2

两个滑块目前是相同的，只是图像不同。

主要的 JS 文件在这里：http: //yyy.comuf.com/PORT/js/jquery.flexslider.js

我想创建自定义横幅或下载一个。

横幅有以下要求，

1. 我可以在此横幅中添加图像和文本。
2. 在每张幻灯片上，您可以添加多个图像和文本，例如，第一张幻灯片的侧面有两个图像和文本，然后第二张幻灯片的侧面有三个图像和文本。
3. 重要 - 如果图像是小缩略图，则文本应填充空白区域或图像周围。横幅应响应内部元素（可能是 div）。如果图像很大，则文本应位于图像下方或侧面。
4. 向左或向右滑动
5. 左右导航按钮，以及分页

示例： http ://www.bbc.co.uk - 顶部的主横幅

我在网上看了一下，我尝试了以下方法：

flexslider - 非常好，满足除第 3 点之外的所有要求。但不知道如何使其响应。

轨道滑块 - 不错，但 flexslider 更容易设计样式。

注意：此横幅将不会在移动设备上使用。

我对此有点困惑。我已经按顺序将 flexslider.css、jquery.flexslider.js 和 jquery 初始化添加到这个 wordpress 中，但它的行为就好像根本没有 jquery。

http://www.brainbuzzmedia.com/themes/framework/

图像只是堆叠在一起。谁能告诉我出了什么问题？

我正在尝试将响应式媒体查询添加到主题中，而 Flexslider 正在做这个奇怪的事情，它根据媒体查询调整大小，但只显示图像的一半。

这是发生这种情况的演示：http ://www.brainbuzzmedia.com/themes/framework/

这是我在媒体查询中使用的 css：

知道是什么原因造成的吗？我整晚都在做这件事。

** 我忘了提，看看我的意思是尝试调整浏览器的大小，直到它低于 980px 宽。到目前为止，768-980px 的范围是响应式的，主题的其余部分会缩小，但滑块中的图像在缩小时只显示图像的左半部分。

我使用 flexslider，当我按照他们网站上的说明操作时，它不适用于多个滑块，这是代码：

我需要两个滑块上的控制器导航，说明在这里： http ://www.woothemes.com/flexslider/

有人我做错了吗？

我的响应式 flexslider 插件有问题。除非您在实际幻灯片中有许多图像，否则该插件可以正常工作。加载行为是不可接受的。

我希望有人可以帮助我使用以下 flexslider 图像预加载器脚本，因为我无法让它工作。

这是我正在使用的代码：

FLEXSLIDER HTML

HTML HEAD 中的 FLEXSLIDER 脚本

FLEXSLIDER.CSS

任何帮助表示赞赏！

在我网站的“工作”部分，我似乎无法让第三个画廊（商业）出现。

链接 - http://www.alliedoglass.com/20120521_index.html#work

您会注意到，如果您从“新闻”幻灯片开始，然后单击“商业”，它会短暂显示，然后消失。

照片库插件是http://juicebox.net/，内容滑块是 flexslider。

这是我的第一个网站，所以我想为代码中的错误数量以及页面加载缓慢表示歉意。这些都是我目前正在解决的问题，或者至少正在尝试解决这些问题。

我在模态窗口中使用 flexslider。当我打开模态窗口时，会出现 flexslider 以及下一个/上一个导航。但是，导航起初不起作用。如果我等待几分钟并返回页面，导航将正常工作。

我检查了萤火虫，我没有看到任何会阻碍脚本的东西。

知道为什么会这样吗？

我正在使用 Woo Theme 的 Flexslider 构建一个包含多个 Vimeo 视频的滑块。我可以让 Flexslider 根据 vimeo 事件播放和暂停，使用他们的 Froogaloop ($f) 库，但是我无法在 Flexslider 中获取下一个/上一个事件来暂停视频。

如果每个 vimeo 播放器都被硬编码为变量，它就可以工作，但是我需要滑块能够支持任意数量的视频。在此处查看示例：http: //demo.astronautweb.co/slider/flex/vimeo-multi.html

Flexslider 页面上的示例与作为对象的滑块事件挂钩$f(player)（我认为）。当我在我的代码中使用它时，这只针对最后一张幻灯片。W

当我尝试使用 Flexslider 自己的slide.currentSlide时，我只能定位一个元素，而不是一个对象。这是我达到我的javascript知识上限的地方。

这是代码：

});

我已经安装了 Flexslider 的基本版本。我已经删除了与 div ID="main" 相关的 css，以便滑块可以在我的页面上伸展。

但是，图像不会根据新宽度进行调整。

这就是我的意思。

我将宽度属性更改为：

这确实会改变宽度，但图像仍然不会自动对齐到从滑块开始的左侧开始。仍然存在一种图像重叠。

需要在 CSS 中进行哪些更改以使它们对齐？FlexSlider 是否仅适用于固定图像尺寸，而不适用于流体布局？