html



<div class="main_tour">
<h3>
이미지</h3>
<span class="tour_btnWrap">
    <a href="javascript:void(0)"><img src="/btn_prev01.png" id="tour_prev"></a>
    <a href="javascript:void(0)"><img src="/btn_stop01.png" id="tour_stop"></a>
    <a href="javascript:void(0)"><img src="/btn_next01.png" id="tour_next"></a>
   </span>
   <div class="tour_slide">
<ul class='tourSlide'>
<li>
<figure>
<figcaption>네이버</figcaption>
<a href="http://www.naver.com" target="_blank"><img src="/view01.jpg"></a>
</figure>
<h4>
네이버~</h4>
</li>
<li>
<figure>
<figcaption>구글</figcaption>
<a href="http://google.com" target="_blank"><img src="/view02.jpg"></a>
</figure>
<h4>
구글~</h4>

</li>
</ul>
</div>
</div>


Script 



var slider_tour;

   $(document).ready(function(){

   $('[id=lefttitle]').click(function(){
    $(".layerWrap").not("[id=wishLayer]").css({display:'block' });
   });
   $('.layerWrap .closeBtn , .layerWrap .layerBg').click(function(){
    $(".layerWrap"  ).not("[id=wishLayer]").css({display:'none' });
   });


     slider_tour = $('.tourSlide').bxSlider({
      auto: true,
      speed : 500,
      pager: false,
      controls : false,
      autoControls: false,
      onSlideBefore : function(){
       /*
     var idx = slider.getCurrentSlide()+1
     var total = slider.getSlideCount();
     $("#slideNum").html(idx+"/"+total);
     */
      }
    });
  
   $("#tour_prev").click(function(){
     slider_tour.goToPrevSlide();
     slider_tour.startAuto();
   });
   $("#tour_next").click(function(){
     slider_tour.goToNextSlide();
     slider_tour.startAuto();
   });
   var tour_silder_main = true;
   $("#tour_stop").click(function(){
    
    if(silder_main){
     tour_silder_main = false;
     slider_tour.stopAuto();
    }else{
     tour_silder_main = true;
     slider_tour.startAuto();
    }
   });

   slider_tour.startAuto();
   });