Pikachoose -在图像更改时启动垂直居中脚本

Question

我有一个jQuery脚本，在div中垂直和水平居中放置图像。这对于加载到Pikachoose滑块中的第一个图像非常有效，但是当Pikachoose更改幻灯片时，我需要脚本重新初始化-使下一个图像垂直和水平居中。

以下是在图像上工作的垂直/中心脚本：

$(window).load(function(){
    var $img = $('img.galleryfull');
    var h = $img.height();
    $img.css('margin-top', +h / -2 + "px");
    var w = $img.width();
    $img.css('margin-left', +w / -2 + "px");
});

当PikaChoose加载图库中的下一个图像时，我如何重新初始化它？

Answer 1

根据the documentation的说法，您可以使用animationComplete回调。像这样的东西应该行得通。

将您的代码包装在一个函数中：

function centreImage() {
    var $img = $('img.galleryfull');
    var h = $img.height();
    $img.css('margin-top', +h / -2 + "px");
    var w = $img.width();
    $img.css('margin-left', +w / -2 + "px");
}

在页面加载时调用您的函数：

$(window).load( centreImage());

当图像发生变化时调用您的函数：

$("#id").PikaChoose({animationFinished: centreImage});