jquery - 以不同图像尺寸为中心的幻灯片页面

Question

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

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

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

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

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

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

Answer 1

在幻灯片导航单击时调用调整大小方法。

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;

     }