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

问题描述 投票:4回答:5

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

提前致谢...

jquery jquery-plugins slideshow galleria
5个回答
8
投票

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

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

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


3
投票

我希望在加载广场时自动显示标题,但不能切换可以再次隐藏标题的切换按钮。 (我不确定这是否是Logan想要的)。

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“)。点击()”脚本加载galleria后对我来说不起作用,因为用于显示标题的元素(我们想要点击)尚未创建。

希望这可以节省一些谷歌搜索,我需要找到这个解决方案:-)


1
投票

如果你正在使用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版本,就必须重新实现你的更改,所以保留更改日志可能会很好。另外作为旁注,有些人可能更喜欢在原来的galleria.classic.min.js中进行这些更改 - 我不喜欢这样做,因为它令人困惑。

编辑:如果你决定使用迈克尔·阿隆的方法,这里是你的新galleria.classic.min.js文件中的内容。 (v 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();
    }
},

0
投票

要自动显示标题,请尝试在jQuery中触发click事件:

$( “广场 - 信息链接”)。点击()


0
投票

这是解决方案(使用jQuery)默认显示标题,并且仍然有“X”关闭它:

Galleria.ready(function () {
    $(".galleria-info-close").click();
});
© www.soinside.com 2019 - 2024. All rights reserved.