다른 이미지 크기를 중심으로 한 슬라이드 쇼 페이지

Question

저는 세로/가로 방향으로 페이지의 가운데에 위치하는 슬라이드 쇼를 가지고 있습니다 (윈도우 크기를 조정 한 jquery로).

동일한 크기의 이미지에는 문제가 없습니다. 하지만 div의 세로/가로 방향으로 다른 크기의 이미지를 가운데에 놓으려면이 방법이 효과적입니까? ?

업데이트 : 나는 그것을 해결할 수있었습니다. 여기에 JSFIDDLE입니다 : 잘 모르겠어요,하지만 어쩌면, 이것은 간단한 방법으로 수행 할 수 있습니다

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

:이 솔루션은 중심 DIV에있는 IMG이 속성을 제공하는 것이 었습니다 http://jsfiddle.net/mihaene/FSeAe/3/

. 어떤 제안이라도 환영합니다.

Answer 1

슬라이드 쇼 탐색에서 크기 조정 방법을 클릭하십시오.

Answer 2

사업부보다 작은 크기의 이미지 작동이 CSS를 시도 #slideshow

#slideshow img { margin:0 auto;} 

I I 치수의 크기를 조정 얻을 작성한 방법에 따라 사용합니다.

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; 

    }