1. 정확한 제품 또는 플러그인 이름
2. 상세 내용
아직 해당 스킨/플러그인을 구매하지 않았는데, 구매전에 궁금한게 있습니다.
Kboard 퓨어 갤러리 게시판에서 본문에 들어간 다음 첨부되어 있는 이미지를 클릭하면 풀스크린으로 보이게 할 수 없을까요?
http://www.slrclub.com/bbs/vx2.php?id=work_gallery&no=1293957
위에 링크처럼 본분에 사진이 보이는 형식까지는 같으나 사진을 클릭했을때 화면 꽉차게 나오게 하고 싶은데 가능할까요?
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
안녕하세요~^^
가장 간단하게는
사용하시는 스킨의 document.php 파일 하단에
아래의 코드를 입력하시면 되겠습니다.
<style>
.fullpage-img {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: black;
}
</style>
<script>
jQuery(document).ready(function(){
jQuery('.kboard-content img').on('click', function(){
jQuery('html').append('<div class="fullpage-img"><img src="" alt=""></div>');
var img_src = jQuery(this).attr('src');
jQuery('.fullpage-img img').attr('src', img_src);
jQuery('.fullpage-img').on('click', function(){
jQuery('.fullpage-img').remove();
});
});
});
</script>
고맙습니다.