11、使用 Galleria API 深度定制你的画廊

使用 Galleria API 深度定制你的画廊

1. 事件监听器

在构建一个功能丰富的画廊时，掌握事件监听器的使用至关重要。Galleria 提供了一套强大的事件系统，允许你在画廊的不同生命周期阶段挂钩自定义行为。通过这些事件，你可以轻松实现诸如图片加载完成后的动画效果、用户交互反馈等功能。

1.1 实现信息框的显示与隐藏

为了在经典主题中临时显示和隐藏信息框，当图片显示时，我们可以使用 Galleria 的 loadfinish 事件。以下是一个具体的实现示例：

Galleria.ready(function(options) {
    // 当图片显示时显示信息框
    var galleria = this;

    // 当每张图片显示时绑定事件
    galleria.bind('loadfinish', function(e) {
        var info = $('.galleria-info-text');
        var link = $('.galleria-info-link');
        var close = $('.galleria-info-close');

        info.fadeIn('fast');
        link.hide();
        close.show();

        setTimeout(function() {
            // 2秒后再次隐藏
            info.fadeOut('fast', function(