[이윰] 이미지 리사이징 기능 끄기 (큰 이미지가 커졌다가 작아지는 문제 해결)

페이지 정보

루루아빠 3,899 1 2015.12.18 15:20

짧은주소

  • https://yadolee.com/tip/351 주소복사

평점

  • 평점 : 0점 (0명 참여)

본문

1. 그누보드5/eyoom/theme/설치된 테마/css/custom.css 에 추가한다.

/* 이미지 반응형 */
img {
    max-width: 100%;
    height: auto;
}
2. 각 스킨들의 view.skin.html을 열어 이미지 리사이즈 관련 소스들을 주석처리한다.
주석 처리해야 할 소스는 <script src="../../../../../../js/viewimageresize.js"></script> 과 $(".board-view-atc").viewimageresize(); 이다.

수정 후

<!-- <script src="../../../../../../js/viewimageresize.js"></script> -->

//$(".board-view-atc").viewimageresize();
결론적으로 'viewimageresize.js' 를 사용치 않고 디바이스 크기에 맞게 반응형으로 작동시키는 아주 간단한 팁이다.
0
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,291,261
레벨 96
경험치 1,390,416

Progress Bar 78%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글1

루루아빠님의 댓글

루루아빠 글쓴이 2016.01.07 19:03
위 css 추가 소스로 인해 특정 이미지(주로 회원 포토)가 올바르게 나타나지 않는 경우 css에 기입된 이미지 관련 width: 값px을 참고하여 아래 소스를 추가한다. 

max-width: 값px !important;
Total 747 건｜24／38 페이지
 태그
제목 글쓴이 날짜 조회 추천
이윰  🏆 Eyoom Builder 3.0.6 패치 shadow2fox 2018.09.18 2,290 0
이윰  🏆 게시글 본문에 태그가 포함된 경우 검색시 그대로 노출되는 문제 해결 루루아빠 2016.05.13 2,285 0
이윰  댓글+3개🏆 페이스북(facebook) 동영상 올바르게 적용하기 shadow2fox 2019.10.14 2,284 2
그누•영카트  댓글+2개🏆 그누보드 5.4.2.9 shadow2fox 2020.10.08 2,284 2
그누•영카트  🏆 영카트 5.3.2.5 shadow2fox 2019.01.29 2,283 0
이윰  댓글+5개🏆 네이버TV 올바르게 적용하기 shadow2fox 2019.10.12 2,278 2
이윰  🏆 Eyoom Builder 1.3.3 패치 루루아빠 2017.11.21 2,277 0
이윰  댓글+1개🏆 관리자는 쪽지 보낼 때 캡챠코드 적용하지 않기 shadow2fox 2019.01.10 2,263 1
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2,260 0
이윰  댓글+1개🏆 Eyoom Builder 3.0.8 패치 shadow2fox 2019.03.12 2,259 1
jQuery  🏆 특정 부모 클래스 내부에 있지 않을 경우에만 적용하기 루루아빠 2017.02.06 2,254 0
그누•영카트  🏆 그누보드 5.3.3.2 shadow2fox 2019.08.13 2,253 0
이윰  🏆 Eyoom Builder 3.0.7 패치 shadow2fox 2018.10.15 2,249 0
Bootstrap  🏆 부트스트랩 툴팁 보이기, 감추기 지연 시간 설정하기 루루아빠 2018.01.10 2,248 0
그누•영카트  🏆 그누보드 5.3.1.3 패치 루루아빠 2018.05.29 2,247 0
이윰  댓글+1개🏆 현재 게시글 스크랩 갯수 본문에 보여주기 shadow2fox 2019.04.28 2,245 2
그누•영카트  댓글+1개🏆 그누보드 5.4.2.7 shadow2fox 2020.06.12 2,245 1
그누•영카트  🏆 그누보드 5.1.4 패치 (2015.10.26) 루루아빠 2015.11.09 2,244 0
이윰  댓글+2개🏆 출석부 선착순 포인트 올바르게 적용하기 shadow2fox 2019.03.16 2,239 2
이윰  🏆 Eyoom Builder 1.3.16 패치 루루아빠 2018.03.12 2,235 0
 태그

🏆 게시글 랭킹 탑10

랭킹 포토 글내용 조회
1
특정 div의 내용을 일정 시간마다 새로고침하기
루루아빠 2016-03-20 06:24 		14,836
2
영카트 5.3.2.9
shadow2fox 2019-05-30 00:39 		11,657
3
button으로 유튜브 재생 및 정지 제어하기 댓글 +1개
루루아빠 2017-02-21 19:12 		9,583
4
jQuery를 이용한 링크 자동 클릭(auto click) 댓글 +2개
루루아빠 2015-06-27 02:19 		8,324
5
CKeditor 4.x 소스 보기시 자동으로 공백 태그( ) 추가되는 문제 해결하기 댓글 +1개
루루아빠 2016-05-20 21:53 		7,156
6
modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기
루루아빠 2015-07-16 00:05 		6,582
7
[PHP 7.2.x] count(): Parameter must be an array or an object that implements Countable 에러 해결하기 댓글 +1개
shadow2fox 2020-03-09 14:37 		6,508
8
그누보드 5.4.4 댓글 +2개
shadow2fox 2021-01-05 10:58 		6,338
9
영카트 5.0.41 패치
루루아빠 2015-07-13 14:53 		6,206
10
이윰빌더와 그누보드 패치시 수정할 파일들
루루아빠 2015-06-23 19:13 		6,110