이미지 리사이즈

Guest astraea
2007-07-29 19:31:29

글에 이미지를 첨부해올렸을때
게시판 폭보다 큰 경우에도 이미지가 그대로 보여서
게시판 레이아웃이 무너지는데,,

리사이즈되는 기능이 필요합니다~

css 접근으로는 어려울거 같긴 하고
도와?주세요=)

  1. Guest dahlia 2007-07-29 22:24:32

    max-width 속성으로 대충 가능할 것 같습니다.

    Code:

    #body img { max-width: ...; }
  2. Guest astraea 2007-07-29 23:24:49

    dahlia wrote:

    max-width 속성으로 대충 가능할 것 같습니다.

    max-width 가 다 먹는 속성인가요?
    브라우저 호환이 어느 버전까지 적용되는지

  3. Guest daybreaker 2007-07-30 03:45:19

    max-width가 가장 깔끔한 해결책이긴 합니다만 IE6 이하에서 지원되지 않습니다. IE7/FF/Safari/Opera 등에서만 지원되는군요. (역시 망할 IE -_-)

    참고로, 태터툴즈의 경우 스킨에 메타 정보(index.xml)를 포함시켜서 스킨 제작자가 스스로 컨텐츠의 최대 너비를 제한하도록 함으로써 이 문제를 비껴가기는 했습니다. 이렇게 하면 php 단에서 img 태그를 조작한다든가 리샘플링을 한다든가 해줄 수 있겠죠.

  4. Guest astraea 2007-07-30 10:57:33

    티켓으로 추가 요청합니다~

  5. Guest daybreaker 2007-07-30 15:56:25

    #142번 티켓으로 추가하였습니다.

  6. Guest 미루[美鏤] 2007-07-31 07:51:42

    티켓이 열렸으니 곧 되겠군요 ^^ 임시 방편으로 아래처럼 수정하셔서 쓰세요
    default header나 global header에 </head>바로 위에 아래 내용을 추가하세요.

    Code:

    <!--[if lte IE 6]>
    <style type="text/css">
    #attachments img { width: expression(this.width > 560 ? "560px" : this.width); }
    </style>
    <![endif]-->

    그리고 스타일시트에 아래 내용을 추가하세요.

    Code:

    #attachments img { max-width: 560px; }

    이렇게하시면 ie6, ie7,  ff, opera 모두 첨부파일 부분만 560px로 조절됩니다.
    포스트 전체 적용하시려면 id를 meta로 하시면 됩니다.

  7. Guest daybreaker 2007-07-31 10:32:57

    허허, 그런 방법도 있군요;;;
    저 정도 수준의 expression은 아니더라도 개인적으로 CSS3 등에서 width: 50% + 3px; 와 갈은 형태는 지원해줬으면 좋겠어요;

모두 126개의 글이 있습니다. RSS
글쓴이 제목 날짜
Guest astraea 게시판 목록 정렬시에 1 2007-10-23
Guest sock 점수 플러그인 2 2007-10-21
Guest metaman 신고기능 넣기 1 2007-10-19
Guest sock 간단한 기능 3 2007-10-11
Guest metaman 환경설정내용을 게시판별로 할 수 있게...?? 2 2007-09-23
Lv.1 Kay 여기 오랜만이네요. 1 2007-09-13
Guest 미련미련 포인트제도 2 2007-09-06
Guest astraea 라이트박스 관련하여- 2 2007-08-24
Guest astraea 썸네일 플러그인의 GD 사용 2 2007-08-17
Guest astraea 스킨은 언제쯤 확정이? 3 2007-08-16
Guest astraea 위지윅 에디터를 스프링 노트꺼로- 15 2007-08-02
Guest astraea 이미지 리사이즈 7 2007-07-29
Guest astraea 스킨이 확 바뀌는건가요?;; 2 2007-07-09
Guest widgie 몇가지 기능 제안입니다^^; 1 2007-07-04
Guest astraea 메타필드와 태그 1 2007-07-05