<!-- /.baner -->
<?php
$list_bn = array('table'=>'banner','where'=>'status = 1 ','order'=> "ORDER BY id DESC LIMIT 0 , 5");
$view_bn = $view_db->view($list_bn);
$result_bn = $view_db->q_re($view_bn);
$num_rows_bn = mysqli_num_rows($result_bn);
?>
<div class="container no_moblie mt-3">
  <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
      <?php
      for($i=1;$i<=$num_rows_bn;$i++)
      {
    	?>
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="<?php echo $i-1;?>"
        <?php if($i==1){?>class="active" aria-current="true"<?php }?>
          aria-label="Slide <?php echo $i-1;?>"></button>
      <?php } ?>
    </div>
    <div class="carousel-inner">
      <?php
      $num = 1;
    		while($row_bn = $view_db->q_ro($result_bn))
    		{
    			?>
    			<?php
      if($row_bn['url']<>''){?> <a href="<?php echo $row_bn['url']?>" target="_blank"><?php }
      ?>
          <div class="carousel-item <?php if($num==1){echo 'active';} ?>">

              <img src="../redbag/banner/<?php echo $row_bn['image'];?>" class="d-block w-100" alt="IMG Banner">
              <?php  if($row_bn['detail'] != '')    {  ?>
                  <div class="carousel-caption d-none d-md-block font_benner">
                    <div class="banner_text">
                      <?php
                      echo $util_class->sub_str3($row_bn['detail'],'145');
                      ?>
                    </div>
                  </div>
              <?php }  ?>
          </div>
          <?php
     if($row_bn['url']<>''){?></a><?php }
     ?>
          <?php  $num++;
            }
          ?>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
  </div>
</div>



<!-- /.baner -->
<style>
@media (max-width:1024px)
{
	.no_moblie_next{ display:none}
}
</style>
<div class="no_moblie_next" style="position:fixed;margin-top:-250px;left:89%;">
<a href="#top"><img src="../image/icon_top.jpg" width="79" height="79" /></a><br><br>
<a href="https://www.facebook.com/kainumber/" target="_blank"><img src="../image/icon_facebook.jpg" width="79" height="79" /></a>
</div>
<script>
$(document).ready(function($){

	// hide #back-top first
	$("#back-top").hide();

	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 1000);
			return false;
		});
	});

});
</script>