하이브리드 슬라이드

--필요한 js : jquery.cycle.all.js --

<script type="text/javascript">

$(document).ready(function(){

  $(".visual_img").cycle({

fx:"fade", //scrollHorz

prev:".btn_left",next:".btn_right",timeout:5000

}); $(".list li:nth-child(odd) .col2").css({"background-color":"#f7f6f6"});

}); </script>

     <div class="visual">

      <div class="visual_img">

   <a href="#none"><img src="/web/upload/editor/2016/01/22/506c0b7c54bd335480ec6dc6ff606972.png" width="900px"height="490px"></a>

 <a href="#none"><img src="/web/upload/editor/2016/01/22/d429424480a736b7a7b76157aa8ce67c.png" width="900px"height="490px"></a>

              

  </div>

      <a href="#none" class="btn_left"></a>

      <a href="#none" class="btn_right"></a>

      <p class="pager"></p>

            </div>

#mainabcbanner .btn_left {position:absolute;display:block;left:50%;top:190px;width:33px;height:67px;margin-left:-450px;background:url(" ") 0 0 no-repeat;z-index:9;}

#mainabcbanner .btn_right {position:absolute;display:block;left:50%;top:190px;width:33px;height:67px;margin-left:415px;background:url(" ") 0 0 no-repeat;z-index:9;}