Javascript 如何在幻灯片中获得图像的宽度/高度（调整其大小并将其放置在div的中心）

如果图像大小小于分配的图像div大小，我将面临添加边距/填充的问题

要求：

如果图像大小小于div size，则添加左/上边距，使其位于中间
图书馆：我正在使用

到目前为止，我所做的是：我拍摄幻灯片中的整个图像，并为所有尺寸较小的图像分配边距

这里的问题是当我使用每个函数循环整个image div时。我们没有得到正确的宽度和高度的图像作为dipo库添加显示无（由于幻灯片）

我还尝试在显示图像时使用。但是失败了：(

请建议是否有人做了什么或有什么想法如何实现它

---

感谢您选择的jQuery by:visible只运行一次，当新幻灯片变成[in]时将不会运行可见。我会检查插件提供的

oneterslide

回调，看看它是否能满足您的需要。如果它在图像可见时为您提供图像，它应该适合您。否则，您可能必须亲自动手修改源代码（如果许可证允许）

$('#imageDiv img').each(function(){  
    var theWidth = $(this).width();  
    var theHeight = $(this).height();  
    $(this).css({'margin-top': -theHeight / 2 + 'px', 'margin-left': -theWidth / 2 + 'px'});
});

$('#wrapper > div:visible img').each(
        function(){
            var theWidth = $(this).width();
            var theHeight = $(this).height();
            $(this).attr("style","padding-left:"+(450-theWidth)/2+"px;padding-top:"+(338-theHeight)/2+"px");
            return;
        }
);