자동 슬리이드 쇼?.. 관련 도와주시면 감사합니다..ㅜ 채택완료

</p>

<p><?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p>

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

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

<p>?>

<link href="<?php echo $latest_skin_url ?>/style.css?<?php echo time();?>" rel="stylesheet" type="text/css"> 

<style>

#news_area{position:relative;padding:0 10px;}

#news_area ul {margin-top:-20px;}

#news_area ul li a{float:left;width:30.3333%;margin:1.5%;}

#news_area ul li:after {display:block;visibility:hidden;clear:both;content:""}

#news_area .bx-controls{position:absolute;top:-40px;right:8px;width:100%;z-index:3000;text-align:right;}

#news_area .bx-wrapper .bx-pager-item{display:inline-block;}

#news_area .bx-wrapper .bx-pager{margin:0 auto;width:100%;}

#news_area .bx-wrapper {

    position: relative;

    margin: 0 auto 0px;

    padding: 0;

}

#news_area .bx-wrapper .bx-pager.bx-default-pager a{

display:block;

margin-left:8px;

float:left;

width:20px;

height:20px;

overflow:hidden;</p>

<p>background:#eee;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    border-radius: 10px;

}

#news_area .bx-wrapper .bx-default-pager.bx-pager a{color:#eee;text-indent:-10000px}

#news_area .bx-wrapper .bx-default-pager.bx-pager a:hover, #news_area .bx-wrapper .bx-default-pager.bx-pager a.active{

background:#f64646;    color:#f64646;

}

</style>

<script src="/js/jquery.bxslider.js"></script></p>

<p>                <script></p>

<p>                                $(window).load(function(){

                                slider2= $('#news_area ul').bxSlider({

                                    slideWidth: 1920,

                                    pause: 2000,

                                    minSlides: 1,

                                    maxSlides: 1,

                                    moveSlides: 1,

                                    autoHover:false,

                                    touchEnabled:false,

                                    preventDefaultSwipeY: false,

                                    pager:true,

                                    auto:false,

                                    controls:false,

                                    slideMargin: 0

                              });</p>

<p>                            setTimeout(function(){

                                    

                                        $("#news_area .bx-wrapper .bx-viewport #visual .slide").css("z-index","2999"); //z-index 문제

                                        $(".bx-wrapper .bx-loading").hide();

                                        $("#news_area").show();

                                    },100);

                                    

                                    $("#news_area").show();

                            });</p>

<p>                            </script>

<div class="lt_shopping" id="news_area">

<ul>

  <?php for ($i=0; $i<count($list); $i++) { ?>

    </p>

<p>  <?php if ($i % 3 ==0 ) { ?>

        <li>

    <?php  } ?>

            <?php

 

            echo "<a href=\"".$list[$i]['wr_link1']."\"class='gallerys_img'> ";

            if ($list[$i]['ca_name'])  echo "<span class='ca_namepink'>" . $list[$i]['ca_name'] . "</span>";

            $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], 300, 300, false, true);</p>

<p>            if($thumb['src']) {

                $img_content = '<img src="'.$thumb['src'].'">';

            } else {

                $img_content = '<img src="'.G5_URL.'/img/no_img.png">';

            }

                echo $img_content;

                echo "</a>";

            ?>

                    <?php

 

    <?php if ($i % 9 ==8 ) { ?>

        </li> 

    <?php  } ?>

    <?php } ?>

</ul>

</div>