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

时间:2011-06-15 12:27:58

标签: jquery jquery-plugins slideshow galleria

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

提前致谢...

5 个答案:

答案 0 :(得分:8)

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

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

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

答案 1 :(得分: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的脚本后对我不起作用,因为显示标题的元素(我们要点击)是尚未创建。

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

答案 2 :(得分: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。
  4. 如果你想要,你可以进一步主题Galleria。只要知道如果你升级到更新的Galleria版本,就必须重新实现你的更改,所以保留更改日志可能会很好。另外作为旁注,有些人可能更喜欢在原来的galleria.classic.min.js中进行这些更改 - 我不喜欢这样做,因为它让人感到困惑。

    编辑: 如果你决定使用Michael Aron的方法,那么这就是你的新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();
        }
    },
    

答案 3 :(得分:0)

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

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

答案 4 :(得分:0)

以下是使用jQuery的解决方案(使用jQuery),默认情况下显示标题,但仍带有“ X”将其关闭:

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