채택완료

슬라이드 게시판 닫기 버튼 추가

2019-01-23 (수) 11:03:35 4,330

안녕하세요.
https://sir.kr/g5_skin/20120?sca=%EA%B0%A4%EB%9F%AC%EB%A6%AC&page=5
위 게시판 소스를 다운받아서 

http://pandacaravan.cafe24.com/bbs/board.php?bo_table=work
사이트에 적용시켜서 사용하고 있습니다.

여기에 사진 클릭 후 닫기버튼을 넣고 싶은데 어떻게 넣어야할지 소스를 봐도 감이 안와서요.

혹시 닫기 버튼 이미지를 넣어서 클릭하면 배경화면 누를때처럼 닫기 기능을 만들고 싶습니다.

어떻게 해야할까요?

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

스킨파일중에 (아마 list.skin에 있을겁니다.) <div class="modal_box">부분 찾으셔서 해당 div 안쪽에 아래 코드 추가해주세요.

<div class="close_btn_wrap"><a onclick="$('#myModal').trigger('reveal:close');"><img src="" alt="close"></a></div>

img태그의 src에 닫기버튼 이미지 경로 넣어주시고 버튼의 위치는 .close_btn_wrap 에 css 걸어주시면 됩니다.

thumb-1935540570_1548211131.0457_730x511.png

답변에 대한 댓글 1개

감사합니다. 덕분에 해결했습니다 ^^
2019-01-23 (수) 11:13:33

<img src="" class="close" />

<script>

$( ".close" ).click(function() {

$ ('.myModal').remove();

$ ('.reveal-modal-bg').remove();

}

</script>

답변에 대한 댓글 1개

답변 감사드립니다 !

답변을 작성하려면 로그인이 필요합니다.