jquery - 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

根据文档，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});