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

我有一个幻灯片显示，在页面中垂直/水平居中（通过window-resize jquery）。以不同图像大小为中心的幻灯片页面

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

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

解决的办法是把这个属性的IMG在中心DIV：

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

我不知道，但也许，这可以在一个更简单的方式来完成。欢迎任何建议。

来源

2012-04-23 Michael

单击调用幻灯片导航中的调整大小方法。

来源

2012-04-23 09:57:11 Abhidev

嗯。这似乎并不奏效。我与CSS有什么关系？不知何故，图像大小必须定义，因此它允许不同的图像大小。 – Michael 2012-04-23 10:02:59

试试这个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; 

    }

来源

2012-04-23 10:07:14 Gaurav

我真的不明白，对不起。我是一个初学者。我把一个JSFIDDLE放在一起：http://jsfiddle.net/mihaene/FSeAe/ – Michael 2012-04-23 11:01:31

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

回答

相关问题