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

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

1 个答案: