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

Question

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

要求：

如果图像尺寸小于DIV尺寸再加入左/顶边距，使这将是中心
库：我使用diapo.js

我有什么这样做远：我将幻灯片中呈现的全部图像分配给尺寸较小的所有图像。

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

$('#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; 
     } 
); 

请建议如果任何一个已经做了或不知道如何去实现它

感谢

Answer 1

您的jQuery的选择：可见只会运行一次，并当我看到新的幻灯片时，它不会运行，我会检查插件提供的onEnterSlide回调，看看它是否会给你你所需要的东西，如果这样可以让你看到图像，它应该适合你否则你可能不得不弄脏你的手并且自己修改源代码（如果许可证允许的话）