2011-10-07 5 views
1

다음을 시도했지만 이미지가 너비보다 큰 경우에만 작동합니다. PHP를 사용하지 않고이 작업을 수행하는 가장 좋은 방법은 무엇입니까 (Timthumb에 대해 알고 있습니다). 자바 스크립트는 사용하지 않는 것이 좋습니다.이미지를 늘리지 않고 특정 치수로 표시하려면 어떻게합니까?

<div style="height:100px;width:100px;overflow:hidden;"> 
<img src="image.jpg" style="width:100px;" /> 
</div> 

답변

2

아마 오페라,

그래서 지금 우리가 파이어 폭스/웹킷 작업

<div style="height:100px;width:100px;background-color:red; 
background-image:url('asd (2).jpg');background-size:contain; 
background-repeat:no-repeat;background-position:center;"></div> 

있을 것이다 미래에만 CSS를

를 사용하여이 경우/h의 비율 w 이미지를 mantain 할 수있는 방법이 없습니다 당신은 자바 스크립트가 필요해!

희망이 도움이

0

당신은 PHP GD를 사용할 수 있습니다 및 이미지 기능 getImageSize() docs

한 다음 밖으로 당신이 원하는 비율에 따라 크기를 계산하여 HTML을 렌더링합니다.

+0

그는 구체적으로 PHP없이 말했습니다 ... – Josh

0

내가 PHP없이 생각할 수있는 가장 좋은 방법은, 사업부에 배경으로 이미지를 사용하는 것입니다 - 그래서

<div style="height:100px; width:100px; 
background:url('whatever.jpg') no-repeat center center;"> </div> 

분명히 오버 플로우가 차단됩니다,하지만 당신은 당신의 치수를 정렬합니다.

+0

조심하세요; 많은 브라우저에서 기본적으로 배경 이미지는 인쇄되지 않습니다. – FMaz008

+1

OP가 물었던 것이 아니라, 나는 생각한다. –

+0

이것은 OP가 원했던 것처럼 이미지를 축소하지 않을 것이다 ... – Josh

관련 문제