2026, 새로운 도약을 시작합니다.

배너관리 슬라이드 오류 채택완료

쇼핑몰 메인배너 4개를 등록하여 정상적으로 운영하다 추가도 배너를 등록한 후로 슬라이드가 되질 않고 배너 전체가 모두 아래로 쌓이는 상태가 되었습니다.(추가한 배너이미지는 보이지도 않음)  http://pnsls.co.kr
다시 한개를 삭제해도 오류는 개선되지 않고 있습니다.(bannerlist.php는 영카드 원본임)

아시는 분 답변 부탁드립니다.

mainbanner.10.skin : 소스

-----------------------------------------------------------

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

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_MSHOP_SKIN_URL.'/style.css">', 0);
?>

<?php
$max_width = $max_height = 0;
$bn_first_class = ' class="bn_first"';
$bn_slide_btn = '';
$bn_sl = ' class="bn_sl"';

$main_banners = array();

for ($i=0; $row=sql_fetch_array($result); $i++)
{
    $main_banners[] = $row;

    if ($i==0) echo '<div id="main_bn">'.PHP_EOL.'<ul class="slide-wrap">'.PHP_EOL;
    //print_r2($row);
    // 테두리 있는지
    $bn_border  = ($row['bn_border']) ? ' class="sbn_border"' : '';;
    // 새창 띄우기인지
    $bn_new_win = ($row['bn_new_win']) ? ' target="_blank"' : '';

    $bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
    if (file_exists($bimg))
    {
        $banner = '';
        $size = getimagesize($bimg);

        if($size[2] < 1 || $size[2] > 16)
            continue;

        if($max_width < $size[0])
            $max_width = $size[0];

        if($max_height < $size[1])
            $max_height = $size[1];

        echo '<li>'.PHP_EOL;
        if ($row['bn_url'][0] == '#')
            $banner .= '<a href="'.$row['bn_url'].'">';
        else if ($row['bn_url'] && $row['bn_url'] != 'http://') {
            $banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'&amp;url='.urlencode($row['bn_url']).'"'.$bn_new_win.' >';
        
            echo $banner.'<span  style="background-image:url('.G5_DATA_URL.'/banner/'.$row['bn_id'].');" class="bn-img"><span class="bn-txt-wr"><span class="bn-txt">'.$row['bn_alt'].'<br><span class="btn_detail">자세히보기</span></span></span></span>';
            if($banner)
                echo '</a>'.PHP_EOL;
        }
        else {
            echo $banner.'<span  style="background-image:url('.G5_DATA_URL.'/banner/'.$row['bn_id'].');" class="bn-img"><span class="bn-txt-wr"><span class="bn-txt">'.$row['bn_alt'].'</span></span></span>';
        }
        echo '</li>'.PHP_EOL;

       
    }
}

if ($i > 0) {
    echo '</ul>'.PHP_EOL;

    echo '</div>'.PHP_EOL;
?>

<script>
jQuery(function($){
    var slider = $('.slide-wrap').show().bxSlider({
        speed:800,
        pager: true,
        auto: true,
        useCSS : false,
        controls:true,
        pager:true,
        adaptiveHeight: true,
        onSlideAfter : function(){
            slider.startAuto();
        }
    });
});
</script>

<?php
}
?>

답변 3개

채택된 답변
+20 포인트

<script>
jQuery(function($){
    var slider = $('.slide-wrap').show().bxSlider({
        speed:800,
        pager: true,
        auto: true,
        useCSS : false,
        controls:true,
        pager:true,
        adaptiveHeight: true,
        onSlideAfter : function(){
            slider.startAuto();
        }
    });
});
</script>

이게 제이쿼리 함수 호출, 즉  슬라이더 생성명령이라고 생각하시면 되고 해당명령을 사용하시려면

<script src="<?php echo G5_JS_URL ?>/jquery.bxslider.js"></script>

이런식으로 플러그 인이 먼저 로드되어야 합니다.

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

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

추가 피해자 방지 https://sir.kr/conflictconsultation/245

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

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

슬라이더가 두개 신거 같은데 두개다 해당 플러그인 js가 없으신거 같네요. 두 슬라이더 플러그인을 추가해보세요.

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

답변에 대한 댓글 1개

제가 잘 몰라서, 어디에 있는 어느 플러그인을 어디에 올려야 하는지 모르겠네요?

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

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

로그인
🐛 버그신고