css3의 zoom을 통해 이미지 리사이징 해결.
현재 모바일 관련 웹페이지를 만들다가 zoom을 접목시켰는데 깔끔하게 잘 작동을 합니다.
(사파리 혹은 모바일 사파리 최신버전에서)..
아직까지는 이 속성을 제공하는 브라우저들이 많지가 않지만, 나중에 이것을 사용하게 되면 css를 통해서 쉽게 이미지 리사이징이 가능할 것 같네요. 속성 값 변경, 자바스크립트, 썸네일 등의 방법에 하나 추가해도 될 것 같네요.
아래와 같이 퍼센테이지 값을 구한다음에 style에 기입을 합니다.
$max_width = 800;
$percentage = floor($max_width/$width * 100);
echo "<img style='zoom:".$percentage."%;' src=.....
(사파리 혹은 모바일 사파리 최신버전에서)..
아직까지는 이 속성을 제공하는 브라우저들이 많지가 않지만, 나중에 이것을 사용하게 되면 css를 통해서 쉽게 이미지 리사이징이 가능할 것 같네요. 속성 값 변경, 자바스크립트, 썸네일 등의 방법에 하나 추가해도 될 것 같네요.
아래와 같이 퍼센테이지 값을 구한다음에 style에 기입을 합니다.
$max_width = 800;
$percentage = floor($max_width/$width * 100);
echo "<img style='zoom:".$percentage."%;' src=.....
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
정치글 1년 쓰고 나면 주위에 고양이와 개만 남을 거라는 생각을 했습니다.
아참! 시작하신거 이왕이면 대박나셈!!!