질문/공유질답게시판

퍼오는 외부 이미지 크기 리사이징

엠봉짱
Extra Form
PHP PHP 7.2
CMS Rhymix 2.0

안녕하세요.

커뮤니티를 운영하고 있는사람입니다!

 

이미지 업로드는 자동으로 크기가 넘어가지 않게 자동으로 설정이 되는데

 

그냥 원본문을 자체를 긁어오는 이미지 크기를 화면에 넘어가지 않게 자동조정? 리사이징..할수있는 방법이 있을까용?

 

스킨폴더 내부에 js파일에

 

bord_m.js안에

jQuery('.xe_content img').css({'width': 'auto'});

 

를 넣어봤는데 적용이 안되는건지.. 알수가 없네용 ㅠㅠㅠ

 

문제의 사진은 아래에 있습니당

Screenshot_20230616_103317_Samsung Internet.jpg

위로 아래로
댓글 12
  • profile
    모바일 게시판스킨 css에 다음을 추가 또는 수정해보세요.
    .xe_content img,
    .rhymix_content img {
    max-width: 100% !important;
    height: auto !important;
    }
  • profile profile
    정말 감사합니다 :)
  • profile profile
    혹시 그럼 유튜브나 아이프레임등 넣으려면

    .xe_content img,youtube,iframe
    .rhymix_content img {
    max-width: 100% !important;
    height: auto !important;
    }

    이렇게 넣으면 될까용?
  • profile profile
    이미지와 동영상은 별개라서 그렇게 넣으면 안될겁니다.
    동영상 삽입은 모듈이나 애드온을 주로 사용해서 나타내기 때문에 해당 페이지를 봐야 알수 있을 것 같습니다.
  • profile profile
    https://mbong.kr/cafe24/613948

    유튜브 입니당
  • profile profile
    https://mbong.kr/cafe24/613949

    아이프레임 입니당
  • profile profile
    https://xetown.com/download/1724355
    이거 한번 설치해보세요
  • profile profile
    제가 다른에디터를 사용중이여서 .. 호환이 가능할까용.....
  • ?
    사용하시는 에디터가 STARIS 에디터라면 youtube 자동 입력시 아래처럼 100%를 넘지 않아야해요.
    https://xeplus.io/testboard_editor/104587
  • ? profile
    넵 안그래도 유저분 몇몇분이 그냥 아이프레임 소스 그대로 붙여서 올리는분들이 있어서 하나하나 수정해야하는데 불편하더라구요..
  • ?

    https://mbong.kr/cafe24/613949 의경우 gfycat iframe 인데 사용중인 게시판 스킨의 css 에 아래와 같은 코드를 입력해보세요.

    .xe_content iframe[src*="gfycat.com"]{
    max-width:100% !important;
    }

     

    .xe_content iframe[src*="www.youtube.com"]{

    max-width:100% !important;

    }

    결과

     

    2023-06-16 16 49 27.png

  • ? profile
    헉 감사합니다 적용이 잘되네요!!
    혹시 만약에 세로길이도 이쁘게해서 적용하려면

    .xe_content iframe[src*="gfycat.com"]{
    max-width:100% !important;
    max-height:100% !important;
    }

     

    .xe_content iframe[src*="www.youtube.com"]{

    max-width:100% !important;
    max-height:100% !important;
    }

    이렇게하면 될까요?