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


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

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

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

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

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

339번줄 부근을

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

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