안녕하세요?
그누를 열흘째 접하면서 많은 도움만 받고 한 것이 없어 고민하던차
이미지의 표현을 가로세로를 변하지 않고 최대치로 표현하게 하는 방법을 올립니다.

여기에도 많은 분들이 아주 좋은 로직을 올려 주셔서 정확히 표현이 되지만
모두 정사각형안에서 가로를 맞추고 세로를 맞추는 결과가 되어 그림을 좀더 크게 볼 수 있는 기회를 잃게 됩니다.

보통 그림보기창을 만들면 세로보다 가로가 긴 새창을 만들게 되고
또한 일반 이미지 또한 가로가 긴 이미지가 많은데 가로를 맟추고 그에 따라 세로를 맞추게 되면
대부분의 그림들이 정사각형안에서 가로 세로를 맞추게 되어 좀 더 시원하게 볼 수 없습니다.
크기가 고정된 틀안에서 가로세로를 유지하면서 최대한 크게 보일 수 있는 로직입니다

현재까지는 가장 로직을 정확히 고안해 주신분은
Ted 님이신 것 같습니다
http://sir.co.kr/bbs/tb.php/g4_qa/12042
Ted 님의 로직을 보고 힌트를 얻었습니다^^


보람찬님의 슬라이더를 이용해 설명해 드리겠습니다
보람찬님 감사히 잘 쓰겠습니다.^^

데이콤의 아이모리와 보람찬님의 슬라이더를 비교해 보면
보람찬님 것이 훨씬 좋은 것 같습니다.
음악 선별도 너무 잘하시는 것 같습니다.

그런데 사진을 비교해 보면 같은 창이라도 아이모리에서 더 이미지가 크게 표현됩니다.
물론 가로세로의 비율은 원본 그대로 유지하면서 입니다
아이모리창은 그 비율이 좀 불안해 보입니다....
물룬 아주 많이 연구한 것 같습니다.
잘 만들었습니다

저는 다른 방법을 강구했습니다.
의외로 깔끔하게 로직이 만들어 집니다.

아래는 우리가 이미지보기 창을 가로 700 세로 500으로 했을 경우 입니다.
창의 크기가 다르다면 이 수치만 변경하면 됩니다
이렇게 하면 어떤 창에서든 이미지를 가로 세로 비율을 유지하면서 제일 크게 표현할 수 있습니다
이미지창이든 슬라이더든 썸네일이든 다 적용하면 됩니다

if ($size[0] < 700){          //가로가 700보다 작을때
  if ($size[1] > 500){        //세로가 500보다 크면
      $size1 = 500 ;          //세로를 500에 맞춘다
      $size0 = ceil( $size[0] * ( 500 / $size[1] ) );      //세로가 줄어든 비율에 따라 가로를 줄인다
    } else {                    //세로가 500보다 안크면
      $size1 = $size[1];      //세로는 원래 사이즈
      $size0 = $size[0];      //가로도 원래 사이즈- 가로가 700보다 작은경우내 이므로
    }
}else{                                                      //가로가 700이상일때
  if (( $size[1] / $size[0] ) > (500 / 700)){    //  세로/가로 가  위에서 정한 창의비율 500/700 보다 크면
      $size1 = 500 ;                                              //세로를먼저 500에 맞추고
      $size0 = ceil( $size[0] * ( 500 / $size[1] ) );    //가로를 그 줄어든 비율에 따라 맞춘다
      }else{                                                        //세로/가로 가  위에서 정한 창의비율 500/700 보다 작으면
      $size0 = 700 ;                                                //가로를 700에 맞추고
      $size1 = ceil( $size[1] * ( 700 / $size[0] ) );        //세로를 그 줄어든 비율에 따라 맞춘다
  }
}

모든 경우가 위 로직에 다 들어갑니다
샘플은 위 링크에서 슬라이드쇼 버튼을 누르시면 됩니다

믾은 도움되시기 바랍니다.