问题标签 [responsive-slides]

我对ResponsiveSlides.js有疑问。
在我的网站上，客户端部分的滑块出现溢出问题。

当幻灯片更改时，您会注意到图像与客户端部分的红色块重叠。我相信我已经在我的 CSS 中添加了正确的属性。

下面是一个 CSS 片段：

上面的 CSS 是滑块的默认 CSS。以下是我为适合我的网站而添加的元素：

有什么我想念的吗？

我正在为台式机和平板电脑视图构建响应式设计。在这个设计中，我使用一个或多个带有jQ​​uery Cycle2的幻灯片构建。此幻灯片包含桌面 3 个滑块中的对象和平板电脑版本中的 2 个。

我的方法：我正在检查窗口调整大小事件，解开所有循环标题，将新标题包装在给定数量的元素周围，然后重新启动循环插件。

我的问题：一切正常，直到我尝试重新启动循环插件。如果没有任何失败或其他东西，它就无法正常工作。所以只是重新初始化似乎是问题所在。

我的代码：

感谢帮助。

我正在使用ResponsiveSlides.js并且我正在尝试以编程方式更改幻灯片。我已经尝试了两种方法，但都没有奏效。

1. 从缩略图上的点击事件调用插件的slideTo函数，传递它应该去的幻灯片的索引。

2. 使用对应.trigger("click")于<li>它应该去的幻灯片的索引，例如：

   $(".rslides_tabs li").eq($theIndex).trigger("click");

我需要一个具有固定高度和居中图像的全宽（响应式）滑块（最小宽度为 960 像素，屏幕较宽的人会看到图像的其余部分（左侧和右侧的额外部分）），它需要自动旋转。

现在我得到了 html/css，但是我的 javascript 是垃圾所以我不知道如何让图像滑动。我在这里检查了很多问题，但似乎没有任何效果。我的图像尺寸是 2300x350。

CSS：

HTML：

使用此代码，图片在每个屏幕的中间都很好，但我如何让它滑动和自动旋转？我想第一张图片只需要被第二张替换，所以 z-index 会改变吗？或 + 或 - 一张图片的宽度？

所以我在网站上有一个幻灯片，当窗口大小是移动时，我想只打开一个列表。我在想是否有办法禁用 jquery 插件或窗口调整大小的功能以禁用滑动并为幻灯片列表创建移动样式。

您认为最好的方法是什么？

谢谢！

我在调整窗口大小时遇到​​了这个网站的问题：http: //goo.gl/BaIuy

让我试着解释一下。如您所见，我正在尝试实现在鱼缸中的体验。它由 4 个不同的容器制成，一个用于水背景，一个用于内容，另一个用于鱼图像，最后一个用于浮木和海藻等图形对象。

每个容器，除了一个用于水背景的容器，都有一个<ul id="mask">比窗口大小宽 600% 的主容器。这ul#mask包含六个<li>元素，它们对应于网站的每个部分，每个部分的宽度为窗口大小的 100%。

问题是，当您位于与第一个（第一个<li id="home">）不同的部分并调整窗口大小时，所有<li>元素开始减小其宽度但当前<li>不再填满窗口大小并且其他<li>元素开始出现在屏幕中由于调整大小操作。

我已经尝试通过使用javascript计算宽度来为元素提供调整大小的宽度，并停用样式表中元素的宽度，以便javascript在页面加载时为其提供窗口宽度。但似乎缺少某些东西或者我'我做错了，看看这里：

我希望有人可以帮助并感谢您抽出时间来看看这个。

因此，出于某种原因，正如您在此处看到的那样：

http://icgadv.com.s159009.gridserver.com/tg-beta/

当您单击滑块下方的按钮时，img a、b 和 c，它们都与它们的幻灯片相对应，但是单击最后一个图像按钮时，会以相反的方向加载幻灯片。我没有在他们的网站上看到这种情况，除了一些 CSS 和使用 jQuery 将导航 html 替换为图像之外，什么都没有改变。

有什么想法吗？在理想世界中，这只是一个圆形卷轴。我不在乎它是否向后返回第一张幻灯片，但我不喜欢它如何向后返回最后一张幻灯片。Sorta 将其视为第一个。

这是我从网站 rslides完全复制的代码，但不知何故它运行不正确：它只显示第一张图像。

到目前为止，我一直无法让ResponsiveSlides在任何浏览器（Chrome、Firefox、Safari）上运行。我几乎使用了网站上的确切代码，但这就是我所拥有的：

在标题中：

紧接着，在体内：

在 css 中（在最顶部）：

还有另一个关于这个的帖子没有答案。我相信我遇到了同样的问题 - 仅显示第一张图像并且幻灯片不播放。我发现了其他一些相当相似的问题，但没有任何解决方案或情况有所不同。

谢谢你的帮助！

我在我的响应式网站上设置了 Slides JS。但我无法以纵向尺寸显示图像。有谁知道让 Slides JS 保持纵横比并根据最大高度调整图像宽度的任何方法？

我的幻灯片 div 是：宽度：760 和高度：560：如果我的图像宽度为 w=320px 和 h=560px。它将图像宽度缩放到 760 像素。

我的网站： http ://gaetan.alexandreessayie.com/wp/?p=47&lang=en

感谢您的任何建议。颂歌