如何在 jQuery Galleria 插件中自动切换 showinfo？

Question

我似乎在任何地方都找不到这个记录。基本上我只是想让标题在整个幻灯片中自动显示...

提前致谢...

Answer 1

假设您使用的是经典主题：

$('#gallery').galleria({
    _toggleInfo: false
});

http://galleria.aino.se/docs/1.2/themes/classic /

Answer 2

我希望在加载画廊时自动显示标题，而不是切换可以再次隐藏标题的切换按钮。 （但我不确定这是否是洛根想要的）。

rodbot 提出的解决方案似乎正是我正在寻找的。

但只是为了完成他的建议 - 不要忘记确保在加载画廊后触发点击。如 http://galleria.aino.se/docs/1.2/references/extending 上所述/ - 为此，您必须将点击逻辑放在“extend: function(options)”内。我还使用更多“更高级”的 Galleria.get(0).$('info-link') 来获取元素。

完整的示例：

$("#gallery").galleria({
    width: 661,
    height: 661,
    extend: function(options) {
        Galleria.get(0).$('info-link').click();
    }
});

仅将“$(”.galleria-info-link”).click()”放在带有画廊加载的脚本后面对我来说不起作用，因为用于显示标题的元素（我们要单击的）是尚未创建。

希望这可以节省某人几分钟的谷歌搜索时间，我需要找到这个解决方案:-)

Answer 3

如果您使用 Drupal，正确设置 Galleria 后，您可以按照以下步骤进行操作。我假设您正在运行经典主题（相同的策略可能适用于其他主题）。

在您的sites/all/libraries/galleria/themes/classic 文件夹中，您将看到两个.js 文件：

• galleria.classic.js
• galleria.classic.min.js

Drupal 自然指向galleria.classic.min.js 文件。虽然两个 .js 文件之间的代码不同，但它们的实现类似。因此，一个简单的策略是执行以下操作：

1. 删除 galleria.classic.min.js
2. 将 galleria.classic.js 重命名为 galleria.classic.min.js。
3. 搜索 _toggleInfo: true 并将其更改为 _toggleInfo: false。

如果您愿意，您可以进一步主题化画廊。只需要认识到，如果您升级到较新版本的 Galleria，您将必须重新实现更改，因此保留更改日志可能会更好。另外，作为旁注，有些人可能更喜欢在原始的 galleria.classic.min.js 中进行这些更改——我不喜欢这样做，因为它读起来很混乱。

编辑：
如果您决定使用 Michael Aron 的方法，以下是新的 galleria.classic.min.js 文件中的内容。 （1.2.7 版）

defaults: {
    transition: 'slide',
    thumbCrop:  'height',

    // set this to false if you want to show the caption all the time:
    _toggleInfo: true,

    extend: function(options) {
        Galleria.get(0).$('info-link').click();
    }
},

Answer 4

要自动显示标题，请尝试在 jQuery 中触发单击事件：

$(".galleria-info-link").click()

Answer 5

这是默认显示标题并仍然有“X”来关闭它的解决方案（使用 jQuery）：

Galleria.ready(function () {
    $(".galleria-info-close").click();
});