Swipebox 라는 플러그인좀 도와주세요 고수님들 부탁 드려요ㅠ.ㅠ
본문
안녕하세요.
지금 이미지에 적용하고 싶은게
https://brutaldesign.github.io/swipebox/
라는 사이트에서 배포중인 swipebox 박스를 적용하고 싶습니다.
플러그인으로 저장을 했고.
<script src="<?php echo G5_PLUGIN_URL; ?>/swipebox-master/lib/jquery-2.0.3.js"></script>
<script src="<?php echo G5_PLUGIN_URL; ?>/swipebox-master/src/js/jquery.swipebox.js"></script>
<link rel="stylesheet" href="<?php echo G5_PLUGIN_URL; ?>/swipebox-master/src/css/swipebox.css">.
이렇게 모두 설정을 해놨습니다.
그런다음,
게시판의 view.php 본문란에
<div class="swipebox" id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
<script type="text/javascript">
;( function( $ ) {
$( '.swipebox' ).swipebox();
} )( jQuery );
</script>
으로 수정도 해줬습니다.
마지막게시판에서 새창으로 띄우기로 설정을 해놓고,
thumbnail.lib.php 파일에서
// 원본이 600보다 클 경우 $img_tag에 editor 경로가 있으면 원본보기 링크 추가
if(!$link && $size[0] > 600 && preg_match("/\.({$config['cf_image_extension']})$/i", basename($srcfile))) {
if($is_view == "1" || $is_view == "3") {
$caption = ($alt) ? ' data-title="'.$alt.'"' : '';
$thumb_tag = '<a href="'.$src.'" data-lightbox="view-lightbox"'.$caption.' target="_blank">'.$thumb_tag.'</a>';
} else if (strpos($img_tag, G5_DATA_DIR.'/'.G5_EDITOR_DIR) || strpos($img_tag, G5_DATA_DIR.'/file')) {
$thumb_tag = '<a href="'.G5_BBS_URL.'/view_image.php?fn='.urlencode(str_replace(G5_URL, "", $src)).'" target="_blank" class="view_image">'.$thumb_tag.'</a>';
} else {
$thumb_tag = '<a href="'.G5_BBS_URL.'/view_img.php?img='.urlencode($src).'" target="_blank" class="view_image">'.$thumb_tag.'</a>';
}
}
에서 빨간색으로 표기된 링크를 $thumb_tag = '<a href="'.G5_URL.$imgurl.'">'.$thumb_tag.'</a>'; 으로 변경을 해줬는데
작동을 하지 않습니다. (작동을 안하는것이 아닌 메인페이지로 가집니다....)
플러그인으로 저장했으며, 추가적으로 경로를 설정을 해줘야 하나요?
적용방법에 대해서 알려주시면 정말 감사하겠습니다.
기본적으로 탑재되어있는 라이트박스2 플러그처럼 이미지 클릭하면
요 플러그인이 나타나게 하고 싶습니다.
고수님들 정말 귀찮으시겠지만 제가 머리가 좋은편이 아니라... 조금만 자세하게 방법을 알려주시면 정말 감사하겠습니다.
만약 가능해지도록 도와주실 경우, 어느정도 사례를 해드리는 것도 생각을 하고 있습니다....
PS. 혹시 저기 data-lightbox="view-lightbox"'.$caption.' 요부분처럼 플러그인을 데이터 처리를 해주는 방법으로 해야될 경우, 이에 대해서도 조금만 자세하게 설명 해주시면 감사하겠습니다.
도와주세요.
답변 1
크롬 디벨로퍼로 가셔서 해당되는 HTML부분을 직접 수정해서 동작되게 먼저 만들어 보세요.
그리고 그 HTML을 그대로 PHP에서 만들어 준다고 생각하시면 됩니다.
PHP에서의 디버깅은 xdebug나 https://sir.kr/g5_tip/13330 로 변수를 중간 중간 찍어 가면서 만드시면 됩니다.
실제 주소가 있으면 좋을 것 같습니다.