배너관리 슬라이드 오류

배너관리 슬라이드 오류

QA

배너관리 슬라이드 오류

답변 3

본문

쇼핑몰 메인배너 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'].'&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

<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>

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

 

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 17,127
© SIRSOFT
현재 페이지 제일 처음으로