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});