메인배너쪽 bxSlider 아이콘 에러
본문
상기 부분 에러 수정해실 분 부 탁드립니다.
현재 작업중인 페이지는 http://www.jejuhubrent.com 이며
스킨의 mainbannere.01.skin.php 은
아래와 같습니다.
if ($i > 0) {
echo '</ul>'.PHP_EOL;
echo '<div id="bx_pager" class="bx_pager">
<ul>';
$k = 0;
foreach( $main_banners as $row ){
echo '<li> <a data-slide-index="'.$k.'" href="">'.get_text($row['bn_alt']).'</a></li>'.PHP_EOL;
$k++;
}
echo '</ul>
</div>'.PHP_EOL;
echo '</div>'.PHP_EOL;
?>
<script>
jQuery(function($){
var slider = $('.slide-wrap').show().bxSlider({
speed:800,
pagerCustom: '#bx_pager',
auto: true,
useCSS : false,
controls:true,
pager:true,
adaptiveHeight: true,
onSlideAfter : function(){
slider.startAuto();
}
});
});
</script>
<?php
}
?>
미리 감사드립니다.
답변 2
남겨주신 소스에서 ul 태그 바로 밑에 a 태그가 없으나
사이트 상에선 출력되고 있습니다.
mainbannere.01.skin.php 파일 혹은 include 된 파일 위쪽에서 a 태그가 잘못 닫힌게 있을 겁니다.
상단 부분을 확인해보세요.
도움이 되셨다면 채택 한번 부탁드립니다^^
mainbannere.01.skin.php 전체 소스는 조영민 답변에 넣어 보았습니다.
a태그 잘못이 아닌거 같은데.
혹시 알수 있을까요>
해당 mainbannere.01.skin.php 파일 위쪽을 한번 확인해보세요.
소스 상 ul 태그 바로 밑에 a 태그가 없으나 콘솔에선 출력되고 있습니다.
a 태그 문제일 수 밖에 없습니다..
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
?>
<?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'];
$item_html = '';
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];
$item_html .= '<div class="item">';
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'].'"'.$bn_new_win.'>';
}
//$item_html .= $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" width="'.$size[0].'" alt="'.get_text($row['bn_alt']).'"'.$bn_border.'>';
echo $banner.'<span style="background-image:url('.G5_DATA_URL.'/banner/'.$row['bn_id'].');" class="bn-img"></span>';
if($banner)
$item_html .= '</a>';
$item_html .= '</li>';
}
}
if ($i > 0) {
echo '</ul>'.PHP_EOL;
echo '<div id="bx_pager" class="bx_pager">
<ul>';
$k = 0;
foreach( $main_banners as $row ){
echo '<li><a data-slide-index="'.$k.'" href="">'.get_text($row['bn_alt']).'</a></li>'.PHP_EOL;
$k++;
}
echo '</ul>
</div>'.PHP_EOL;
echo '</div>'.PHP_EOL;
?>
<script>
jQuery(function($){
var slider = $('.slide-wrap').show().bxSlider({
speed:800,
pagerCustom: '#bx_pager',
auto: true,
useCSS : false,
controls:true,
pager:true,
adaptiveHeight: true,
onSlideAfter : function(){
slider.startAuto();
}
});
});
</script>
<?php
}
?>