테스트 사이트 - 개발 중인 베타 버전입니다

서브페이지에 스와이퍼나 슬릭을 넣을 수 있나요? 채택완료

ZDZ 2년 전 조회 1,949

안녕하세요, 서브페이지를 랜딩페이지로 만들어야해서 스와이퍼나 슬릭을 쓰려고하는데

스와이퍼나 슬릭이나 작동을 안합니다.. 보여지는 페이지인 view.skin.php에 script를 넣었습니다.

혹시 여기에 스크립트를 넣으면 안되는걸까요..?

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

답변 5개

채택된 답변
+20 포인트
2년 전

해당에 정상적으로 스크립트를 넣고하셨다면 작동을 합니다. 개발자 도구로 스크립트 에러가 있는지 확인을 해보셔야 할거 같습니다.

로그인 후 평가할 수 있습니다

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

본문에서 올리지마시고

스킨단에서 첨부파일을 로드해서 작업하시는게 나을것 같은데요...;

왜 본문에 올리시는지..

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

Z
ZDZ
2년 전
탭메뉴도 동일 방식으로 사용했는데 그 때는 스크립트도 잘 작동해서 같은 방식으로 구현하고 있었습니다.. 스킨단에서 첨부파일을 로드해서 작업한다는게 어떤 말씀일까요...??

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

ZDZ
2년 전

 

일단 스와이퍼 html 코드는 본문 입력창에 html 입력 모드로 올렸습니다.

콘솔 확인 결과 스크립트 오류는 딱히 없었습니다...

 

하단은 view.skin.php 코드 전문입니다.

 

</p>

<p><?php</p>

<p>if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가</p>

<p>include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p>

<p> </p>

<p>// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨</p>

<p>add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);</p>

<p>?></p>

<p> </p>

<p><script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script></p>

<p> </p>

<p><link  rel="stylesheet" href="<a href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/></a></p>

<p><script defer src="<a href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script></a></p>

<p>

 </p>

<p><div class="page_wr "></p>

<p>  <div class="page_tit page-start"></p>

<p>     (페이지 제목)</p>

<p>  </div></p>

<p> </p>

<p><article id="bo_v" style="width:<?php echo $width; ?>; margin: 0 auto;"></p>

<p>    <section id="bo_v_atc"></p>

<p>        <h2 id="bo_v_atc_title">본문</h2></p>

<p> </p>

<p>        <?php</p>

<p>        // 파일 출력</p>

<p>        $v_img_count = count($view['file']);</p>

<p>        if($v_img_count) {</p>

<p>            echo "<div id=\"bo_v_img\">\n";</p>

<p> </p>

<p>            for ($i=0; $i<=count($view['file']); $i++) {</p>

<p>                if ($view['file'][$i]['view']) {</p>

<p>                    //echo $view['file'][$i]['view'];</p>

<p>                    echo get_view_thumbnail($view['file'][$i]['view']);</p>

<p>                }</p>

<p>            }</p>

<p> </p>

<p>            echo "</div>\n";</p>

<p>        }</p>

<p>         ?></p>

<p> </p>

<p>        <div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div></p>

<p>       </p>

<p>        <? if ($view['wr_5']) echo $view['wr_5']; ?></p>

<p> </p>

<p>        <?php if ($is_signature) { ?><p><?php echo $signature ?></p><?php } ?></p>

<p>       </p>

<p>    </section></p>

<p>   </p>

<p>    <!-- 게시물 하단 버튼 시작 { --></p>

<p>    <div id="bo_v_top"></p>

<p>        <?php</p>

<p>        ob_start();</p>

<p>        ?></p>

<p> </p>

<p>        <ul class="bo_v_left"></p>

<p>            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?></p>

<p>            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?></p>

<p>            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-files-o" aria-hidden="true"></i> 복사</a></li><?php } ?></p>

<p>            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-arrows" aria-hidden="true"></i> 이동</a></li><?php } ?></p>

<p>            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i> 검색</a></li><?php } ?></p>

<p>        </ul></p>

<p> </p>

<p>        <ul class="bo_v_com"></p>

<p>            <li></p>

<p>            <? if ($member['mb_level'] >= 10 ) { ?></p>

<p>                <a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></p>

<p>            <? } ?></p>

<p>            </li></p>

<p>            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a></li><?php } ?></p>

<p>            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?></p>

<p>        </ul></p>

<p>    <!--</p>

<p>        <?php if ($prev_href || $next_href) { ?></p>

<p>        <ul class="bo_v_nb"></p>

<p>            <?php if ($prev_href) { ?><li class="btn_prv"><span class="nb_tit"><i class="fa fa-caret-up" aria-hidden="true"></i> 이전글</span><a href="<?php echo $prev_href ?>">이전글제목입니다.</a> <span class="nb_date">17.07.14</span></li><?php } ?></p>

<p>            <?php if ($next_href) { ?><li class="btn_next"><span class="nb_tit"><i class="fa fa-caret-down" aria-hidden="true"></i> 다음글</span><a href="<?php echo $next_href ?>">다음글제목입니다.</a>  <span class="nb_date">17.07.14</span></li><?php } ?></p>

<p>        </ul></p>

<p>        <?php } ?></p>

<p>        <?php</p>

<p>        $link_buttons = ob_get_contents();</p>

<p>        ob_end_flush();</p>

<p>         ?></p>

<p>    --></p>

<p>    </div></p>

<p></article></p>

<p> </p>

<p><!-- 게시글 보기 끝 --></p>

<p>



 </p>

<p><script></p>

<p>$(function() {</p>

<p>    $("a.view_image").click(function() {</p>

<p>        window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");</p>

<p>        return false;</p>

<p>    });</p>

<p> </p>

<p>    // 추천, 비추천</p>

<p>    $("#good_button, #nogood_button").click(function() {</p>

<p>        var $tx;</p>

<p>        if(this.id == "good_button")</p>

<p>            $tx = $("#bo_v_act_good");</p>

<p>        else</p>

<p>            $tx = $("#bo_v_act_nogood");</p>

<p> </p>

<p>        excute_good(this.href, $(this), $tx);</p>

<p>        return false;</p>

<p>    });</p>

<p> </p>

<p>    // 이미지 리사이즈</p>

<p>    $("#bo_v_atc").viewimageresize();</p>

<p>});</p>

<p> </p>

<p>function excute_good(href, $el, $tx)</p>

<p>{</p>

<p>    $.post(</p>

<p>        href,</p>

<p>        { js: "on" },</p>

<p>        function(data) {</p>

<p>            if(data.error) {</p>

<p>                alert(data.error);</p>

<p>                return false;</p>

<p>            }</p>

<p> </p>

<p>            if(data.count) {</p>

<p>                $el.find("strong").text(number_format(String(data.count)));</p>

<p>                if($tx.attr("id").search("nogood") > -1) {</p>

<p>                    $tx.text("이 글을 비추천하셨습니다.");</p>

<p>                    $tx.fadeIn(200).delay(2500).fadeOut(200);</p>

<p>                } else {</p>

<p>                    $tx.text("이 글을 추천하셨습니다.");</p>

<p>                    $tx.fadeIn(200).delay(2500).fadeOut(200);</p>

<p>                }</p>

<p>            }</p>

<p>        }, "json"</p>

<p>    );</p>

<p>}</p>

<p> </p>

<p>스마트에디터 새창 버그 수정</p>

<p>jQuery("#bo_v_atc a").each(function ()</p>

<p>{  </p>

<p>if (jQuery(this).attr("target") == "_self")</p>

<p>return;</p>

<p>else if (jQuery(this).attr("target") !== "_self")</p>

<p>{jQuery(this).attr("target", "_blank");}  </p>

<p>})</p>

<p></script></p>

<p> </p>

<p><!-- tab 스크립트 --></p>

<p><script></p>

<p> </p>

<p>    $('.tab_wrap > .tab_head > li').click(function(){</p>

<p>        var $this = $(this);</p>

<p>        var tabIndex = $this.index();</p>

<p>        var $tabContents = $this.parents().siblings('.tab_contents');</p>

<p> </p>

<p>        $this.siblings('.active').removeClass('active');</p>

<p>        $this.addClass('active');</p>

<p>        $tabContents.children('.active').removeClass('active');</p>

<p>        $tabContents.children().eq(tabIndex).addClass('active')</p>

<p> </p>

<p>    });  </p>

<p> </p>

<p>    var swiper = new Swiper(".mySwiper", {</p>

<p>      spaceBetween: 30,</p>

<p>      centeredSlides: true,</p>

<p>      autoplay: {</p>

<p>        delay: 2500,</p>

<p>        disableOnInteraction: false,</p>

<p>      },</p>

<p>      pagination: {</p>

<p>        el: ".swiper-pagination",</p>

<p>        clickable: true,</p>

<p>      },</p>

<p>      navigation: {</p>

<p>        nextEl: ".swiper-button-next",</p>

<p>        prevEl: ".swiper-button-prev",</p>

<p>      },</p>

<p>    });</p>

<p> </p>

<p></script>

 </p>

<p></div></p>

<p>

로그인 후 평가할 수 있습니다

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

f12 누르셔서 콘솔탭에 선행 오류 있는지 확인해보시구요

정말 왜 안되는지 알고 싶으시면 어떻게 어느곳에 넣었는지 상세 설명이 필요합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

Z
ZDZ
2년 전
안녕하세요! 해당 게시글의 댓글로 코드와 부연 설명 덧붙여두었습니다, 참고부탁드립니다. 감사합니다!

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

cuwaaang
2년 전

게시판 상세페이지인가보군요

다 작동합니다.

코드를 올리시면 답변이 달릴거에요~

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

Z
ZDZ
2년 전
안녕하세요! 해당 게시글의 댓글로 코드와 부연 설명 덧붙여두었습니다, 참고부탁드립니다. 감사합니다!

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

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

로그인