幻灯片页面以不同的图像大小为中心

Question

我有一个幻灯片，在页面中垂直/水平居中（通过窗口调整大小jquery）。

它适用于相同大小的图像。 但是，如果我想要不同大小的图像居中，这是如何工作的 在div中垂直/水平？

更新： 我设法解决了它。这是JSFIDDLE： http://jsfiddle.net/mihaene/FSeAe/3/

解决方案是将此属性赋予中心DIV中的IMG：

margin:auto; top:0; bottom:0; left:0; right:0;

我不确定，但也许，这可以通过更简单的方式完成。欢迎任何建议。

Answer 1

在幻灯片导航点击上调用resize方法。

Answer 2

尝试使用此css，它适用于尺寸小于div #slideshow

的图像

#slideshow img { margin:0 auto;}

我使用我编写的以下方法来获取调整大小的尺寸。

function resizeDimensions(oldW, oldH, nuW, nuH){

        // resize according to given width
        if(nuW!=null){
                nuH = (oldH*nuW)/oldW;
            }
        else
        if(nuH!=null)   // resize according to given Height
            {
                nuW = (nuH*oldW)/oldH;
            }

         var dimensions = new Array(nuW, nuH);
     return dimensions;

     }