SweetTitles 와 Lightbox Js 를 함께 사용할때…

한동안 그러려니 하고 사용하고 있었는데, 가만 보니 Lightbox Js 를 통한 팝업 이미지에서 이미지 설명(Caption)부분이 사라져 있는게 자꾸 보여서 왜일까 했더니 문제는 SweetTitles에 있더군요.

Lightbox 에서는 이미지 링크를 포함한 태그에서 title 속성을 받아와서 이미지 설명(caption)부분에 출력하는데, sweetTitles 에서 그 title부분을 불러와서 tip속성으로 바꿔버리는데서 문제가 발생했습니다.

물론 이 경우는 sweetTitles 가 Lightbox 보다 먼저 로딩되었을때 발생하는 문제입니다.

확실한 해결법일지는 모르지만, 아래처럼 Lightbox에서 title을 읽는데 실패했을때 tip속성을 가져와서 설명란에 추가하도록 하면 문제는 해결되었습니다.

수정이 필요한 곳은 두줄 입니다.
331번줄 부근을

저와 같은 문제로 고민하셨던 분께서는 한번 적용해 보세요.

Wp-Scripts 플러그인에 포함된 lightbox.js, litebox.js 에는 이미 적용했습니다.

Lightbox 2 효과 속도 조절, 단축키 추가

이미지를 보기 좋게 표현해주는 Lightbox 2를 사용함에 있어서 effect의 속도를 조금 빠르게 하는 방법과 이미지 그룹기능에서 키보드 단축키를 추가하는 방법을 소개하겠습니다.

효과 속도 조절

lightbox.js(lightbox.js.php)파일을 텍스트 에디터나 메모장으로 열어서 윗부분쯤에 있는

파일을 저장하고 다시 업로드해서 덮어씌우면 끝입니다. 간단하죠?;)

업로드 한 뒤 바로 적용되지 않는것은 브라우저에 캐쉬된 파일때문입니다. 이 경우 페이지를 새로고침하거나 브라우저의 캐쉬를 비우면 됩니다.

Continue reading “Lightbox 2 효과 속도 조절, 단축키 추가”

Lightbox 테스팅

K2 포럼LightBox대한 내용이 올라왔더군요.

기존에 클릭하면 새창으로 원본크기의 이미지가 뜨는 스크립트를 사용해왔는데, 이 스크립트로 바꾸는게 더 좋을것 같네요.

lightbox test onelight box test two

이미지를 클릭해 보세요

큰문제는 아니지만 k2테마와 충돌? 하는게 하나 있군요, 워드프레스에 로그인한 상태에서 싱글페이지(각 포스트 페이지)를 열었을때 위 스크립트가 작동하질 않는군요…:???:
궁여지책으로 k2테마의 ajax comment 기능을 끄면 제대로 작동합니다. ajax스크립트와 lightbox스크립트가 충돌을 일이키나보네요-_-;또.. 한참 삽질을 해야 해결 할 수 있을듯… (으헉;;)

우선 50%정도는 해결 했습니다. 원인은 ajax-comment에 있는것이 아니라 window.onload에 있었네요. comments.php에서 window.onload = HideUtils;을 포함하는 두라인을 코멘트 처리하는걸로 오작동되던건 해결됩니다.(ajax-comment기능을 켠 상태로도..)