메인배너 사이즈 변경 문의 드립니다. 채택완료

 </p>

<p><?php</p>

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

<p> </p>

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

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

<p>add_javascript('<script src="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.js"></script>', 10);</p>

<p>add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.css">', 10);</p>

<p> </p>

<p>$max_width = $max_height = 0;</p>

<p>$bn_first_class = ' class="bn_first"';</p>

<p>$bn_slide_btn = '';</p>

<p>$bn_sl = ' class="bn_sl"';</p>

<p>$main_banners = array();</p>

<p> </p>

<p>for ($i=0; $row=sql_fetch_array($result); $i++)</p>

<p>{</p>

<p>    $main_banners[] = $row;</p>

<p> </p>

<p>    if ($i==0) echo '<div id="main_bn"><div class="main_banner_owl owl-carousel">'.PHP_EOL;</p>

<p>    //print_r2($row);</p>

<p>    // 테두리 있는지</p>

<p>    $bn_border  = ($row['bn_border']) ? ' class="sbn_border"' : '';;</p>

<p>    // 새창 띄우기인지</p>

<p>    $bn_new_win = ($row['bn_new_win']) ? ' target="_blank"' : '';</p>

<p> </p>

<p>    $bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];</p>

<p>    if (file_exists($bimg))</p>

<p>    {</p>

<p>        $banner = '';</p>

<p>        $size = getimagesize($bimg);</p>

<p> </p>

<p>        if($size[2] < 1 || $size[2] > 16)</p>

<p>            continue;</p>

<p> </p>

<p>        if($max_width < $size[0])</p>

<p>            $max_width = $size[0];</p>

<p> </p>

<p>        if($max_height < $size[1])</p>

<p>            $max_height = $size[1];</p>

<p> </p>

<p>        echo '<div class="item">';</p>

<p>        if ($row['bn_url'][0] == '#')</p>

<p>            $banner .= '<a href="'.$row['bn_url'].'">';</p>

<p>        else if ($row['bn_url'] && $row['bn_url'] != '<a href="http://')" target="_blank" rel="noopener noreferrer">http://')</a> {</p>

<p>            $banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'"'.$bn_new_win.'>';</p>

<p>        }</p>

<p>        echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" width="'.$size[0].'" alt="'.get_text($row['bn_alt']).'"'.$bn_border.'>';</p>

<p>        if($banner)</p>

<p>            echo '</a>'.PHP_EOL;</p>

<p>        echo '</div>';</p>

<p>       </p>

<p>    }</p>

<p>}</p>

<p> </p>

<p>if ($i > 0) {</p>

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

<p>   </p>

<p>    echo '<div class="btn_wr"><a href="#" class="pager-prev"><i class="fa fa-angle-left"></i></a><div id="slide-counter"></div><a href="#" class="pager-next"><i class="fa fa-angle-right"></i></a> </div>'.PHP_EOL;</p>

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

<p>?></p>

<p>

 </p>

<p><script></p>

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

<p>    function owl_show_page(event){</p>

<p> </p>

<p>        if (event.item) {</p>

<p>            var count = event.item.count,</p>

<p>                item_index = event.item.index,</p>

<p>                index = 1;</p>

<p> </p>

<p>            if( is_loop ){</p>

<p>                index = ( 1 + ( event.property.value - Math.ceil( event.item.count / 2 ) ) % event.item.count || 0 ) || 1;</p>

<p>            } else {</p>

<p>                index = event.item.index ? event.item.index + 1 : 1;</p>

<p>            }</p>

<p>           </p>

<p>            $(event.target).next(".btn_wr").find(".slide-index").text(index);</p>

<p>        }</p>

<p>    }</p>

<p> </p>

<p>    var is_loop = true,</p>

<p>        item_totals = $('.main_banner_owl .item').length;</p>

<p> </p>

<p>    if( item_totals ){</p>

<p>        $('#slide-counter').prepend('<strong class="slide-index current-index"></strong> / ')</p>

<p>        .append('<span class="total-slides">'+item_totals+'</span>');</p>

<p>    }</p>

<p> </p>

<p>    var owl = $('.main_banner_owl').owlCarousel({</p>

<p>        items:1,</p>

<p>        loop:is_loop,</p>

<p>        margin:0,</p>

<p>        nav:false,</p>

<p>        autoHeight:true,</p>

<p>        autoplay:true,</p>

<p>        autoplayTimeout:5000,   // 5000은 5초</p>

<p>        autoplayHoverPause:true,</p>

<p>        dots:false,</p>

<p>        onChanged:function(event){</p>

<p>            owl_show_page(event);</p>

<p>        },</p>

<p>    });</p>

<p> </p>

<p>    $(document).on("click", ".btn_wr .pager-next", function(e){</p>

<p>        e.preventDefault();</p>

<p>        owl.trigger('next.owl.carousel');</p>

<p>    });</p>

<p> </p>

<p>    $(document).on("click", ".btn_wr .pager-prev", function(e){</p>

<p>        e.preventDefault();</p>

<p>        owl.trigger('prev.owl.carousel');</p>

<p>    });</p>

<p>});</p>

<p></script></p>

<p><?php</p>

<p>}</p>

<p>