问题标签 [royal-slider]

嘿，这只是一个我似乎无法正确解决的简单问题。

我正在我正在处理的网站上实施皇家滑块。我让它在笔记本电脑的图像中运行，我想要的是当您滚动图像时，每个图像的底部都有一个标题。我只是使用简单的图像，所以这里的文档建议我只使用图像中的 alt，插件只会拾取它，只是它不会。

我的 HTML 看起来像这样：

我在皇家滑块中的设置如下：

有人用皇家滑块工作过吗？或者你遇到过类似的情况？我确实尝试过使用类似的东西

这样“rsCaption”类就存在了，但这只是在图像之间创建了一张新幻灯片

资源

我正在使用RoyalSlider作为插件。这是文档和 API的快速链接。

在我的网站上，滑块用作height: 100%; width: 100%全屏滑块。

内容结构

我的网站的结构非常简单：我有幻灯片用作封面，我们称它们为.cover，每张幻灯片后面都有一张包含更多信息的幻灯片。让我们打电话给他们.sub。

如果更容易理解，您可以在此处查看实时站点。

在附加我的子幻灯片的函数内部，我在右侧创建了三个按钮来向上滚动、向下滚动和关闭当前幻灯片。向下滚动效果很好。（在这里查看我的main.js文件，第 177 行）

问题

浏览器将所有选择的按钮绑定$(p.sl_button)到同一张子幻灯片，而不是将每个按钮绑定到其自己的父级。

很难解释，很容易尝试。例如，如果您：

1. 打开第 5 号子幻灯片
2. 打开第二张幻灯片
3. 滚动到第 5 号子幻灯片
4. 单击关闭按钮（红色背景的 X）

系统“崩溃”。它不是关闭第 5 号子幻灯片，而是关闭第 2 号子幻灯片（这是最后一次，上面命名的函数被调用。

我该如何解决这个问题？

我用来绑定子幻灯片上的按钮的代码：

如果您需要更多信息来重新创建我的错误，请随时询问。我感谢有关此主题的任何帮助或帮助。在此先感谢所有研究我的问题的人。

» 皇家滑块文档和 API

» 网站的实时版本

» 我的 Javascript / jQuery 文件

我正在为我的 RoyalSlider 使用以下包装器

我想检查第一个 rsContent 的数据属性的值，所以我使用以下代码

$('.rsContent').eq(0);或者$('.rsContent').first();

到目前为止效果很好，但是当我尝试时

$('.rsContent').eq(0).data('color');或者$('.rsContent').eq(0).attr('class');

jQuery返回

undefined

有任何想法吗 ？

我有一个显示多个 Royalslider 幻灯片的页面，每个幻灯片的宽度和高度均为 100%。目前，所有幻灯片都在页面加载时初始化，这意味着我只看到第一个滑块淡入到位（它们都应该淡入，但第一个是唯一可见的可以看到这种效果的）。

我也在使用 Scrollify 来捕捉每个部分，但我不确定这是否相关，因为我认为我需要调整下面的脚本，以便在进入视口时只初始化幻灯片。

任何帮助将不胜感激！

HTML

JS

我正在尝试将Textillate脚本与Royalslider集成，但是在幻灯片更改时让 Textillate 触发问题，而不是在第一次加载时在每张幻灯片上触发。

每次更改幻灯片时，下面的“当前”代码都会尝试初始化 textillate.js 脚本。但是，该效果将应用于每个 rsABlock（要设置动画的文本），无论它们放置在哪张幻灯片上。当您浏览和更改幻灯片时，我希望 textillate 脚本在每张幻灯片上的 rsABlock 上触发（每张幻灯片上都有一个）。请参阅基于 Royalslider 支持门户的一些非常基本的支持的“尝试”，但这不起作用。

任何人都可以帮忙吗？

当前的

试图

这就是我想在下面的小提琴中做的

编辑：我设法通过单击正确隐藏它。但它会立即隐藏起来。有没有让它从屏幕底部滑动的选项？

这是几乎不错的小提琴

下面的老问题：

当单击具有向下滑动效果的另一个元素时，我试图隐藏一个元素，但我遇到了问题。正如您在小提琴上看到的那样，它几乎可以工作，但是有一个剩余的背景，并且当信息向下滑动时，灰色的 X 切换按钮更小。我该如何解决？

这是小提琴 （单击上面带有“X”的灰色字段）

我有一个滑块的初始化脚本，它必须在加载滑块的脚本后加载，但是，滑块脚本正在由插件加载并在脚本调用结束时持续存在，无论我在排队操作中优先考虑我的初始化脚本 999999 . 如何在插件脚本之后加载它？

在我的孩子主题中functions.php：

感谢您的任何见解！