포럼
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
jquery 질문 하나만요..
2011.03.16 18:18
꼭 필요한 기능이 있어서 리사이즈 애드온 바꿔보려 하는데, 지식이 없어서 도움을 좀 청해볼게요.
아래는 카르마님 라이트박스 애드온을 보면,
.xe_content 에서 이미지를 찾아 링크를 감싸는 방식인데요(제가 올린 prettyphoto애드온도 여기서 가져왔어요),
여기서 특정 영역을 찾지 않고 링크를 생성하려면 어떻게 해야 하나요?
아래는 카르마님 라이트박스 애드온을 보면,
.xe_content 에서 이미지를 찾아 링크를 감싸는 방식인데요(제가 올린 prettyphoto애드온도 여기서 가져왔어요),
여기서 특정 영역을 찾지 않고 링크를 생성하려면 어떻게 해야 하나요?
$('div.xe_content').find('img').each(function() {
var t = $(this);
var img = t.attr('src');
var title =t.attr('title');
t.wrap('<a href="'+img+'" rel="라이트박스" title="'+title+'"></a>');
});
이 코드는 xe_content 내에 있는 img 태그를 다 찾아서 <a> 만들어 주는 방식이잖아요.
여기에다가 예외를 설정하려고 해요.
예를 들면,
1. img를 포함하는 영역이(div, span...) 특정한 class가 있는 영역(예를 들면<div class="no-resize">... </div>) 인 경우에는 리사이즈 되지 않는 다거나,
2. 또는 직접 img 태그에 <img class="no-resize" /> 인 경우,
3. 또는 이미지 사이즈가 200px 이하인 경우 등
..을 찾아서 그 부분은 <a>를 생성하지 않데 하는 건데..
검색해도 length 등등 이용해보라고 하는데 삽질을 열심히 해도 모르겠네요 ㅠ.ㅠ
제가 당장 필요한 기능이 1번 인데 고수님들의 도움을 좀 받고자 합니다 ㅠ.ㅠ
---------------
혹시 몰라 다시 한 번 예를 들게요. 아래와 같이 작동하게 끔 하려구요..
이 코드는 xe_content 내에 있는 img 태그를 다 찾아서 <a> 만들어 주는 방식이잖아요.
여기에다가 예외를 설정하려고 해요.
예를 들면,
1. img를 포함하는 영역이(div, span...) 특정한 class가 있는 영역(예를 들면<div class="no-resize">... </div>) 인 경우에는 리사이즈 되지 않는 다거나,
2. 또는 직접 img 태그에 <img class="no-resize" /> 인 경우,
3. 또는 이미지 사이즈가 200px 이하인 경우 등
..을 찾아서 그 부분은 <a>를 생성하지 않데 하는 건데..
검색해도 length 등등 이용해보라고 하는데 삽질을 열심히 해도 모르겠네요 ㅠ.ㅠ
제가 당장 필요한 기능이 1번 인데 고수님들의 도움을 좀 받고자 합니다 ㅠ.ㅠ
---------------
혹시 몰라 다시 한 번 예를 들게요. 아래와 같이 작동하게 끔 하려구요..
<div class="xe_content">
<img /> -> <a>링크 만들어짐
<img class="no-resize" /> -> <a>링크 만들어지지 않음
<div>
<img /> -> <a>링크 만들어짐
</div>
<div class="no-resize">
<img /> -> <a>링크 만들어지지 않음
</div>
</div>
<img /> -> <a>링크 만들어짐
<img class="no-resize" /> -> <a>링크 만들어지지 않음
<div>
<img /> -> <a>링크 만들어짐
</div>
<div class="no-resize">
<img /> -> <a>링크 만들어지지 않음
</div>
</div>
댓글 7
글쓴이 | 제목 | 최종 글 |
---|---|---|
엔트님 | 인디 슬롯머신 | |
bin | Vote 모듈을 자료실에 등록하였습니다. [33] | 2022.09.06 by 제이디600 |
BJ람보 | 누리고 쇼핑몰모듈 Ver.1.1.17 | |
XE러버 | XE 주소 모듈(krzip) 5자리 우편번호 지원되나요? | |
즈베즈다 | 스케치북5 게시판 스킨 보안패치 입니다. + 수정 [5] | 2017.03.06 by silhwang |
정박사닷컴 | 우편번로 5자리대응 kr-zip 모듈 수정해봤어요 [2] | 2017.03.15 by 뒤늦게입문 |
BJ람보 | [오랜만에변경점많은] 누리고 쇼핑몰모듈 Ver.2.5 [1] | 2017.03.22 by tohappy |
on**** | 웹 개발 분야가 점점 아마추어가 접근하기가 너무 어려워지네요.. ㅜㅜ [2] | 2017.04.05 by 코코넛 |
이온디 | XE 오픈카톡방 안내 | |
android | 일반 ftp로도 서버이전 가능합니다. [2] | 2017.04.30 by 세걸 |
ADAIN | XE ERD 필요하신 참조하세요. | |
HowtoXE | 웨일 브라우저를 보면서 느끼는 점 [2] | 2017.05.09 by 키큰아이 |
키큰아이 | 제작의뢰 게시판.. 댓글 못남기나요?? [3] | 2017.05.09 by 키큰아이 |
우리아기 | php7 에서 XE 쓰시는분 있나요? [9] | 2017.05.14 by 세걸 |
druid**** | xe 게시판의 폭(넓이)조정방법이 궁금합니다 [1] | 2017.05.29 by DoorWeb |
Mithago | 운영 중인 사이트의 아파치를 삭제했다가 다시 설치했더니... [1] | 2017.05.31 by silhwang |
파이델 |
현재 만들고 있는 회계관리 모듈
[4]
![]() | 2017.06.03 by 이온디 |
MSFN | Xe 스팸봇 연구중입니다. 도움이 필요해요...ㅠ [3] | 2017.06.05 by 이온디 |
BJ람보 |
안녕하세요. 혹시 Slack채팅방 같이 모이실분 있으신가요?
[9]
![]() | 2017.06.15 by tom789 |
BJ람보 | 누리고 쇼핑몰 모듈 Ver.2.6 |