[제나플러스] 웹반응형에 따른 이미지 자동 리사이즈 처리하기 > 팁앤테크

본문 바로가기

사이트 내 전체검색

뒤로가기 팁앤테크

[제나플러스] 웹반응형에 따른 이미지 자동 리사이즈 처리하기

본문

<script>
  $( document ).ready( function() {
    $("#content img").attr({"width":"", "height":""}).css({"max-width": "100%"});
    $("#content img").css({"width":"", "height":"", "max-width": "100%"});
  } );
</script>

 

 

    <script>
        $(function() {
            $("#post_content img, .resizablebox").each(function() {
                var oImgWidth = $(this).width();
                var oImgHeight = $(this).height();
                $(this).css({
                    'max-width':oImgWidth+'px',
                    'max-height':oImgHeight+'px',
                    'width':'100%',
                    'height':'100%'
                });
            });
        });
    </script>

 

 

제이쿼리를 사용한 코드입니다. 

추천0

댓글목록 0

등록된 댓글이 없습니다.

전체 285건 1 페이지
게시물 검색
Copyright (c) 株式会社YHPLUS. All rights reserved.

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

PC 버전으로 보기