XETOWN

호수 공원

XE 사용에 대한 여러가지 정보들을 공유할 수 있습니다.
조회 수 315 추천 수 7 댓글 19
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

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로 변경했으니 버튼 정렬이 좀더 잘될것으로 기대 됩니다.

 

  • profile
    웹지기 2017.02.09 15:38:26
    오~~ 점점 완벽해 가까워지네요~ 감사합니다. 이번 버전부터 교체해서 실적용해보겠습니다!
  • profile
    웹지기 2017.02.09 15:42:03
    참고적으로 다른 자료들은 XE의 본문,댓글 고유 클래스 .xe_content 를 찾은 다음 그 대상만 처리하도록 처리하고 잇으니 혹시 문제가 생긴다면 이부분도 참고해주세요.

    this.extractTargets($('.xe_content'));
  • profile
    prologos 2017.02.09 15:55:27
    이 애드온은 php로 대부분을 해결해서 preg_match로 처리합니다. ㅠㅠ
    자바 스크립트는 버튼 클릭 이벤트처리하는 정도...
  • profile
    웹지기 2017.02.09 15:56:54
    이미지로드 전에 클릭하면 phptoswipe 에서 빈화면 뜨던거 본문에 적어주신 코드까지 적용하니 완벽해 졌네요. 감사합니다.
  • profile
    prologos 2017.02.09 16:07:15
    네... 다행입니다. 혼자 쓰지않고 자료를 공개하니 여러 의견을 듣게되서 좀더 쓸만해지네요 ㅎㅎㅎ
  • ?
    고양이 2017.02.09 15:50:48
    전 특별한 이상징후 못느꼇는데 또바로 적용하고 옵니다 ㅎ
  • profile
    prologos 2017.02.09 16:08:52
    감사합니다 ^^
  • ?
    기븐 2017.02.09 16:35:25
    잘되네요. 감사합니다.

    이제 웬만하면 버튼은 가운데 정렬 되는거 같네요. 여러 이미지들 확인해보고 있는데 다 가운데에 제대로 있네요
  • profile
    Chronos 2017.02.09 17:06:43
    ㅊㅊ~!
  • ?
    jylee7152 2017.02.10 01:30:35
    이제 괜찮게 호환이 되는것 같습니다.
    단지 플레이버튼 눌렀을때 퍼센트로 몇프로다운됐는지까지 보여주는건 어려울까요?
    정말 좋은 애드온이네요 강추!
  • profile
    RADIX 2017.02.10 14:46:52

    정말 감사하고 너무나 편리한 자료입니다.

    다만 여전히 버튼 클릭 후 이미지가 흰 공백으로 나오는 문제가 있네요.

    길게 클릭 후 이미지 보기를 하면 정상적으로 나오지만... 제가 사용하는 애드온과 충돌한걸까요. :(

     

    음... 또 디자인에 건의사항이 있다면, 흰 공백 바탕에 버튼 이미지 보다는,

    회색 바탕이나 사선 처리로 가려져 있다는 느낌을 주는건 어떨까요?

    길이가 긴 이미지의 경우 공백의 길이가 있어 이미지가 로드되지 않았다는 느낌을 받을 수도 있을 것 같습니다.

  • profile
    ZiAn 2017.02.13 20:26:44
    적용해 봤는데 잘되네요.감사합니다^^
  • profile
    VJT 2017.02.20 19:01:56
    감사합니다 ^_^`
  • ?
    jylee7152 2017.02.23 17:37:33
    gif 이미지만 마크가 뜨게하는건 어떨까요?
    jpg png등 다른 고정형 이미지들도... 설정한 용량보다 크다면 재생버튼이 뜨는 문제가 있습니다.
    의도된건가용?
  • profile
    prologos 2017.02.23 19:50:28
    애드온 옵션에서 작동 방식을 선택하시면 됩니다.
    모든이미지, gif이미지, 애니메이션gif 중 선택 가능합니다.
  • ?
    alrin 2017.03.11 20:49:45
    외부 gif 파일은 해당 애드온이 작동하지 않는거죠?
  • profile
    데히히이이 2017.03.19 18:52:19
    정말 좋은애드온이고 작동도 잘하는데

    외부이미지서버가 느릴경우 섬네일 생성이 엄청 오래걸려서 타임아웃에 걸려버리는 현상이 있습니다..

    타임아웃을 늘려서 해결하는 수 밖에 없을까요?
  • profile
    콕콕콕 2017.05.07 14:45:54
    안녕하세요 해당 애드온을 써보려고 했는데, 애드온이 ON되면 어떤 문서로 가더라도 백지가 되고 아무것도 로딩하지 않는 증상이 나타나 댓글 드립니다.

    XE 버젼은 1.8.27이고
    제가 사용하는 애드온 리스트는 다음과 같습니다.
    해시태그 사용 안내문 출력 애드온
    어드민 메뉴 접근 로깅
    익명 닉네임
    이미지 자동출력
    자동 링크 애드온
    IP 차단 애드온
    Bot Challenge Anti Spam
    닉네임 변경 애드온
    기본 카운터 애드온
    경험치 레벨 아이콘 표시 애드온
    해시태그
    본문내 이미지 클릭시 새창으로
    커뮤니케이션
    회원 확장 정보 출력
    본문내 이미지 조절 애드온
    휴지통 애드온

    사이트는 kockoc.com입니다. 테스트용 게시판에만 켜놨습니다. http://kockoc.com/giftest
  • profile
    prologos 2017.05.08 12:31:07
    백지 증상은 애드온 오동작(오류)으로 인한 증상으로 생각됩니다.
    어느 단계에서 오류가 발생하는지 직접 디버깅 하시는 수밖에 없다는 생각입니다. @.@

List of Articles
번호 분류 제목 글쓴이 날짜
공지 질문/답변 답변을 확실히 받기위한 질문자 지침서 4 람보 2017.05.04
화제의 글 자료공유 플로팅 팝업 비디오 애드온 VER 0.6.0 21 file natura 2017.05.22
화제의 글 호스팅 추천/홍보 문커뮤니티 좋네요~~ 추천합니다!! 19 file 쭈박이 2017.05.16
5525 질문/답변 스팸 해결방법 없을까요? 3 기관사 2017.05.17
5524 질문/답변 라이트박스에 확장변수값 불러오기 2 file lis**** 2017.05.16
5523 질문/답변 리퍼러 애드온,모듈 작동 오류.. 도움 부탁드립니다ㅠ 5 file 미스강 2017.05.16
5522 질문/답변 홈페이지 색상 반전 코드에 대한 질문이 있습니다. 2 file 멍뭉이 2017.05.16
5521 질문/답변 mysql 5.7 에서 group by 오류로..having 사용하고 싶습니다. 2 구름이 2017.05.16
5520 질문/답변 취약점 공격으로 인해 피해를 입어 글 복구후, 죽은 첨부파일 살리는 방법에 대해.. 14 라스테 2017.05.16
5519 질문/답변 input type 에서 전화번호를 입력하게 나오는 폼을 나오게 하려면 어떻게 해야 하나요? 3 대한천자 2017.05.16
5518 질문/답변 apache + node.js 연동 질문 드려요 2 구름이 2017.05.16
5517 질문/답변 게시판 권한이 없을때 로그인 페이지로 바로 이동되게 하고 싶습니다. 2 구름이 2017.05.16
5516 질문/답변 소셜로그인 지원하는 버젼 1 낙타 2017.05.16
5515 호스팅 추천/홍보 문커뮤니티 좋네요~~ 추천합니다!! 19 file 쭈박이 2017.05.16
5514 질문/답변 이미지매직k가....png가 안되는거였나여... 10 쭈박이 2017.05.15
5513 질문/답변 로그아웃을 하면 페이지 내용이 사라지는 현상 문의 드립니다.(해결완료) 1 xe왕초보 2017.05.15
5512 질문/답변 회원탈퇴시 탈퇴회원 게시글 삭제 애드온 관련 6 큰성565 2017.05.15
5511 질문/답변 누리고 특정 상품 판매 갯수를 특정 페이지 모듈에서 나타내는 방법? DevinLee 2017.05.15
5510 질문/답변 내용직접입력 에디터에서 xeicon 사용 할 수 없나요? 1 file 미스강 2017.05.15
5509 질문/답변 홈페이지 색깔 관련 질문이에요~ 8 file copori9 2017.05.14
5508 호스팅 추천/홍보 무료 와일드카드 Alpha SSL 사이트 5 sanvit 2017.05.14
5507 질문/답변 카카오tv, 네이버tv처럼 http로 시작되는 동영상이 모두 차단이 되서요. 6 dongdong 2017.05.14
5506 질문/답변 페이스북 으로 퍼가기 할때 이미지가 나타나는것도 있고 안나타는 것도 있던데 무슨 차이가 있나요? 2 이성민 2017.05.13
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 281 Next
/ 281
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...