이 블로그의 스킨이 제가 만든 스킨이라는 것은 이 블로그를 꽤 보셨던 분들이라면 알고 계실 겁니다.


물론 하단에 Copy가 달려 있어서 맨 마지막 작성자 클릭하면 이 블로그로 오게 되기도 하죠 ^^;




이 스킨과는 별도로 모든 티스토리 스킨에 동작하는,


티스토리 스킨에 이미지 슬라이드에서 원본 바로보기 기능을 삽입하려고 합니다.


'이미지 원본 보기' 버튼을 클릭하면 새창으로 이미지 원본이 뜨도록요!




현재로써 이 기능을 삽입할 때 가장 난관이 되는 부분은 다음과 같습니다.



다른 이미지 슬라이더와 마찬가지로 이 이미지 슬라이더 또한 img src가 표기됩니다.


그렇지 않다면 정상적으로 이미지 슬라이더의 기능을 못하겠죠...



하지만 이걸 노리고 img src를 추출하면 제대로된 값이 나오지 않습니다. (위의 캡쳐는 jquery의 attr 함수로 img src를 추출하여 console로 따로 출력한 것입니다.)


티스토리의 경우 이미지 원본은 img src로 추출한 경로에서 /attach/를 /original/로 바꾸면 볼 수 있는데


img src 자체가 추출이 안되는 상황이라 이걸 이용해서 링크를 생성할 수가 없는 상황입니다.





* 현재까지 완성된 소스코드


function lightbox_yeseuledit(){ // 작업중인 부분

$("#lightbox .lb-container").css("position", "relative");

var lbimageattr = $("#lightbox .lb-container .lb-image").attr("src").replace( 'attach' , 'original');

console.log( lbimageattr );

$("#lightbox .lb-container").append("<div class='showoriginalimage' style='position:absolute;z-index:99999;left:10px;top:10px;'><a href="+lbimageattr+" style='display:block;padding:10px;background-color:#333;font-size:1em;color:#fff;' target='_blank'>이미지 원본 보기</a></div>");

}


이 이미지 보기 기능은 티스토리의 고유 기능인 lightbox와 연계해야 하기 때문에


제가 로컬에서 따로 작업하여 완성되고 나서 연결할 수 있는 기능이 아닙니다.


그래서 서버에서 작업을 직접 해야 하고, 작업 중간중간에 이미지 슬라이더가 조금씩 어그러질 수도 있습니다.


하지만 현재로써는 img src가 제대로 추출되지 않기 때문에


작업을 하다가 현재는 중단중이며, 지금은 시간될 때 다시 시도해보려고 합니다.


좋은 방법이 없을까요?





저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. PinkWink 2016.04.05 12:40 신고  댓글주소  수정/삭제  댓글쓰기

    헉. 어렵네요ㅠㅠ. 비록 답변은 못드리지만..
    그래도 읽어보고 갑니다.ㅠㅠ.

티스토리 툴바