Jquery Pikachoose-在图像更改时启动垂直居中脚本
我有一个jQuery脚本,垂直于一个div中的图像水平居中。这对于加载到Pikachoose滑块中的第一个图像非常有效,但我需要在Pikachoose更改幻灯片时重新初始化该脚本——使下一个图像垂直和水平居中 下面是处理图像的垂直/中心脚本:Jquery Pikachoose-在图像更改时启动垂直居中脚本,jquery,vertical-alignment,image-gallery,Jquery,Vertical Alignment,Image Gallery,我有一个jQuery脚本,垂直于一个div中的图像水平居中。这对于加载到Pikachoose滑块中的第一个图像非常有效,但我需要在Pikachoose更改幻灯片时重新初始化该脚本——使下一个图像垂直和水平居中 下面是处理图像的垂直/中心脚本: $(window).load(function(){ var $img = $('img.galleryfull'); var h = $img.height(); $img.css('margin-top', +h / -2 +
$(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加载gallery中的下一幅图像时,如何重新初始化此设置?根据,您可以使用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});
天才!我刚开始使用jQuery,所以语法有时会令人困惑。再次感谢大家!!!