如何使用Magic缩放回调

Question

将在给定时间执行的Magic缩放文档描述回调。，但不清楚如何使用或分配这些回调。

例如，如何打印控制台消息onZoomReady

我发现的最接近的是一个MagicZoom.defaults.onready属性，但不清楚如何通过javascript设置它(我的尝试并不像预期的那样工作)。

Answer 1

回调是通过mzOptions配置的，例如：

var mzOptions = {
    onZoomReady: function() { … } }
;

或者：

var mzOptions = {};
mzOptions.onZoomReady = function() { … };

Answer 2

你可以这样做：

MagicZoom.registerCallback('onUpdate', 
    function() {
        console.log('onUpdated', arguments[0], arguments[1], arguments[2]);
    });

它将在控制台中记录如下内容：

onUpdated (id-of-mz-wraper) (html of old element) (html of new element)

您可以使用的其他选项如下：

MagicZoom.registerCallback('onZoomReady', function() {
  console.log('onReady', arguments[0]);
  });

MagicZoom.registerCallback('onZoomIn', function() {
  console.log('onZoomIn', arguments[0]);
  });

MagicZoom.registerCallback('onZoomOut', function() {
  console.log('onZoomOut', arguments[0]);
  });