라이트박스2 제이쿼리 관련 질문

라이트박스2 제이쿼리 관련 질문

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

라이트박스2 제이쿼리 관련 질문

본문

라이트박스2를 그누보드5.3에 설치하고

https://lokeshdhakar.com/projects/lightbox2/

아래 코드를 게시판 스킨/view.skin.php 에 추가했습니다.

 

그림을 클릭하면 확대는 되는데요;;

글의 마지막에 있는 텍스트 링크도

라이트박스2가 그림으로 인식하고 하얀색 빈 창을 띄우네요.

 

461161156_1560305620.019.png

 

이 코드 때문인거 같은데

$('#bo_v_con a').attr('data-lightbox', 'red2gallery');

 

<a href=""><img src=""></a> 와 <a href="">텍스트</a>

를 구별하게 하려면 어떻게 하나요?

 

 

/* Lightbox2 */
var imageCount = $('#bo_v_con img').length -1;

for (var i = 0; i <= imageCount; i++) {
  var srcTotal = $('#bo_v_con img').eq(i).attr('src');
  $('#bo_v_con img').eq(i).wrap('<a href="' + srcTotal + '" />');
}

$('#bo_v_con a').attr('data-lightbox', 'red2gallery');

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 3

채택됨

펄스나인님의 답변

bo_v_con 안에 <img /> 들은 <a /> 로 묶어지고

bo_v_con 안에 <a /> 는 모두 라이트박스 적용이 되는것 같습니다.

 

<a href="' + srcTotal + '" /> 부분을 span 등을 이용하여 onclick 으로 변경하고

$('#bo_v_con a').attr('data-lightbox', 'red2gallery'); 부분의 a

변경하신 것으로 처리하거나

 

반대로 라이트박스가 적용되지 않아야하는 부분의 링크를 <a /> 가 아닌

onclick 으로 처리하시면 될것 같습니다~

주소복사
채택됨
답변의 댓글

ango님의 답변

has 필터 선택자로 해결했습니다.

$("#bo_v_con a:has('img')").attr('data-lightbox', 'red2gallery');

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 64
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. @멘션 알림 자동완성 + Ckeditor4 플러그인

    참여33 회 시작19.11.17 11:33 종료19.11.24 05:15

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT