배너관리 슬라이드 오류
관련링크
본문
쇼핑몰 메인배너 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가 없으신거 같네요. 두 슬라이더 플러그인을 추가해보세요.