異なる画像サイズを中心にしたスライドショーページ

Question

私はスライドショーを縦横にページ中央に配置しました（ウィンドウサイズを変更するjqueryによって）。

同じサイズの画像でうまく動作します。 しかし、異なるサイズの画像を中央に配置したい場合はどうすればいいですか？ divの縦横に？

更新： 私はそれを解決することができました。ここJSFIDDLEは次のとおりです。私はわからないんだけど、多分、これは簡単な方法で行うことができます

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

：ソリューションが中心DIVにIMGには、この特性を与えることだったhttp://jsfiddle.net/mihaene/FSeAe/3/

。どんな提案も大歓迎です。

Answer 1

スライドショーのナビゲーションでresizeメソッドを呼び出します。

Answer 2

は私が寸法をリサイズ取得するために書かれている方法に従って使用

#slideshow img { margin:0 auto;} 

#slideshowのdiv未満のサイズの画像のために働くだろう、このCSSを試してみてください。

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; 

    }