[jQuery] 게시글 본문 내에 첨부된 이미지가 엑박으로 뜨는 경우 특정 이미지로 대체하기

페이지 정보

루루아빠 3,054 1 2016.05.21 13:09

평점

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

본문

그누보드 > 관리자 > 환경설정 > 추가 script, css 에 다음 스크립트를 추가하자.

<script type="text/javascript"><!-- 이미지가 엑박으로 뜨는 경우 특정 이미지로 대체 설정 -->
$(window).bind('load', function() {
    $('img').each(function() {
        if((typeof this.naturalWidth != "undefined" &&
            this.naturalWidth == 0 )
            || this.readyState == 'uninitialized' ) {
            $(this).attr('src', '경로/대체이미지');
        }
    });
})
</script>
'경로/대체이미지' 는 이윰빌더 사용시 그누보드5/eyoom/theme/설치된 테마/image/no_imgage.png 를 이용할 경우 값이 '/eyoom/theme/설치된 테마/image/no_imgage.png' 로 기입하면 된다.
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,286,500
레벨 96
경험치 1,379,121

Progress Bar 39%

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

댓글1

루루아빠님의 댓글

루루아빠 글쓴이 2016.05.24 14:16



상기 jQuery를 이용할 수도 있지만 루루홈에는 아래처럼 적용했다.


custom.css에 .broken_image 스타일 정의 - 가운데 정렬을 위해

.broken_image {display: block; margin: 0px auto}

Total 7432138 페이지
제목 글쓴이 날짜 조회 추천
에디터  🏆 CKeditor4.x Toolbar Icon 순서 입맛대로 정렬하기 루루아빠 2016.06.04 2,971 0
기타  🏆 IE11에서 JWplayer7.x 가 로딩되지 않는 Setup timeout error 해결책 루루아빠 2016.06.01 4,535 0
CSS  🏆 webkit-transform 스타일이 마우스 오버시 보이는 flickering 증상 해결하기 루루아빠 2016.05.26 2,574 0
에디터  댓글+1🏆 CKeditor4.x 에디터 툴바 고정하기 루루아빠 2016.05.24 3,484 0
기타  댓글+1🏆 Jwplayer 7.X 타이머 팁의 플레이 타임이 세로로 나타날 때 해결책 루루아빠 2016.05.21 2,623 0
jQuery  댓글+1🏆 🚩 게시글 본문 내에 첨부된 이미지가 엑박으로 뜨는 경우 특정 이미지로 대체하기 루루아빠 2016.05.21 3,055 0
에디터  🏆 CKeditor4.x 이미지 첨부시 에디터에 맞게 반응형으로 만들기 루루아빠 2016.05.21 3,983 0
그누•영카트  🏆 영카트 5.1.18 패치 루루아빠 2016.05.17 2,622 0
그누•영카트  🏆 그누보드 5.1.18 패치 루루아빠 2016.05.17 2,375 0
그누•영카트  🏆 영카트 5.1.17 패치 루루아빠 2016.05.17 3,303 0
그누•영카트  🏆 그누보드 5.1.17 패치 루루아빠 2016.05.17 2,796 0
이윰  🏆 이윰레벨을 사용치 않고 그누레벨만 사용하기 루루아빠 2016.05.17 2,550 0
이윰  🏆 모달(modal) 슬라이드 다운 슬라이드 업 효과 없애기 루루아빠 2016.05.13 3,155 0
이윰  🏆 📸 여분필드를 활용한 간단한 게시판 입력 서식 만들기 루루아빠 2016.05.13 3,010 0
이윰  🏆 게시글 본문에 태그가 포함된 경우 검색시 그대로 노출되는 문제 해결 루루아빠 2016.05.13 2,247 0
이윰  댓글+1🏆 SELF-HOSTED로 Jwplayer7.x 사용시 외부 링크(jwpcdn.com)에서 스킨 가져오는 문제 루루아빠 2016.05.11 3,820 0
이윰  🏆 본문 내용 추출시 특정 태그 제거하기 루루아빠 2016.05.09 2,466 0
JavaScript  🏆 모달창(Modal Window) backdrop(모달창 바깥 부분) 클릭시 모달창 닫지 않기 루루아빠 2016.05.06 3,373 0
그누•영카트  🏆 영카트 5.1.16 패치 루루아빠 2016.04.23 2,445 0
그누•영카트  🏆 그누보드 5.1.16 패치 루루아빠 2016.04.23 2,420 0