애니메이션 GIF 확인 애드온 V0.3.1

pr_pause_gif_v0.3.1.zip

달라진점

1. 본문 내용과 댓글 내용에 한해서 작동하도록 수정하였습니다.

2. 이미지 클릭시 '본문내 이미지 조절 애드온'과 더이상 충돌하지 않습니다.

3. 초기 로딩시 버튼 중앙정렬이 잘 되도록 스크립트 수정하였습니다.

0.3 버전에 나름 큰 버그가 있어서 빠르게 패치 했습니다.

살펴보니 본문은 <!--BeforeDocument(x,x)-->본문<!--AfterDocument(x,x)-->

댓글은 <!--BeforeComment(x,x)-->댓글<!--AfterComment(x,x)-->로 감싸져 있는것을 발견하고 이 안에 있는 컨텐츠의 이미지태그만 검색하도록 변경하였습니다.

공홈이나 xe타운 살펴봐도 동일해서 이 방식을 사용했는데... 또 다른 문제는 안생기겠지요? ㅎㅎ

본문내 이미지 조절 애드온을 살펴보니 onclick속성이 있을때는 작동을 안하도록 되어있어서 이미지 속성에 onclick="void(0)"을 추가했고 이미지나 버튼을 클릭해서 원본이미지로 치환된 후에는 onclick속성이 사라지게 했습니다.

따라서 원본을 보기위해 이미지를 클릭해도 더이상 본문내 이미지 조절 애드온이 섬네일을 창에 띄우지 않습니다.

물론 이미지가 원본으로 치환된 이후에는 본문내 이미지 조절 애드온은 정상 작동 합니다.

photoswipe애드온을 사용하시는 분들은 rx_photoswipe.js파일을 열어서 80라인 근처의 스크립트를 아래처럼 수정 하시면 마찬가지로 별 충돌없이 작동 할겁니다.

      // find root element of slide
        var clickedListItem = closest(eTarget, function(el) {
            return (el.tagName && el.tagName.toUpperCase() === 'IMG' && el.hasAttribute('data-pswp-pid') && !el.hasAttribute('onclick'));
        });

@기븐님 께서는 스케치북 게시판을 수정해서 이미지를 새창에 띄운다고 하셨는데

스케치북 게시판 스킨의 board.js를 열어서 399번째 라인 근처 스크립트를 아래처럼 수정 해 보세요.

    if(bdImgLink){
        bd.find('.xe_content img').click(function(){

            if(!$(this).attr('onclick')) {
                window.open($(this).attr('src'), '_blank');

            }
        });
    };

기븐님 아이디 클릭후 홈페이지 방문해서 확인 해본것이라 정확할지는 모르겠습니다.

지난 버전에서 자바 스크립트를 선택적으로 로딩하도록 변경하였는데 css는 빼놓고 작업했더군요. 이번에 css도 적용되는 이미지가 있을때에만 로딩하도록 변경하였습니다.

그리고 버튼 정렬작업이 (document).ready후에 되도록 했었는데 정렬이 잘 안된다는 분들이 계셔서 (window).load로 변경했으니 버튼 정렬이 좀더 잘될것으로 기대 됩니다.