динамический загрузчик продукта слайдер не работает - PullRequest
Новая
       13

динамический загрузчик продукта слайдер не работает

0 голосов
/ 23 января 2019

Динамический начальный загрузчик Карусель продукта не может работать.PHP-код и данные из базы данных MySQL могут работать.Я думаю, что id = "myCarousel" class = "carousel slide" data-ride = "carousel" data-interval = "0" не может работать, или мне нужно установить другое динамическое значение для некоторого part.output, как этот текущий вывод, подобный этому,Левый и правый также не могут работать Надеюсь, кто-то может помочь мне решить эту проблему.Большое спасибо. 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap restaurant List </title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h2>Trending <b>Products</b></h2>


            <?php 
             $connect=mysqli_connect("localhost", "root", "", "res");
            function make_query($connect){
                $query = "SELECT * FROM restaurant ORDER BY id ASC";
                $result = mysqli_query($connect,$query);
                return $result;  
            }
            function make_slide_indicators($connect){
                $output = ''; 
                $count = 0;
                $result = make_query($connect);
                while($row=mysqli_fetch_array($result)){
                    if($count == 0){
                        $output .= '
                        <li data-target="#myCarousel" data-slide-to="'.$count.'" class="active"></li>
                        ';
                    }
                    else
                    {
                     $output .= '
                     <li data-target="#myCarousel" data-slide-to="'.$count.'"></li>
                     ';
                    }
                    $count = $count + 1;
                   }
                   return $output;
            }
function make_slides($connect)
{
 $output = '';
 $count = 0;
 $result = make_query($connect);
 while($row = mysqli_fetch_array($result))
 {
  if($count == 0)
  {
   $output .= '<div class="item carousel-item active">';
  }
  else
  {
   $output .= '<div class="item carousel-item active">';
  }
  $output .= '
<div class="row">
  <div class="col-sm-3">
      <div class="thumb-wrapper">
          <div class="img-box">
              <img src="banner/" class="img-responsive img-fluid" alt="">
          </div>
          <div class="thumb-content">
              <h4>'.$row["res_name"].'</h4>
              <p class="item-price"><strike>$400.00</strike> <span>$369.00</span></p>
              <div class="star-rating">
                  <ul class="list-inline">


                      <li class="list-inline-item"><i class="fa fa-star-o"></i></li>
                  </ul>
              </div>
              <a href="#" class="btn btn-primary">Add to Cart</a>
          </div>                        
      </div>
  </div>


  ';
  $count = $count + 1;
 }
 return $output;
}          

?>

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="0">
            <!-- Carousel indicators -->
            <ol class="carousel-indicators">
            <?php echo make_slide_indicators($connect); ?>
            </ol>   
            <!-- Wrapper for carousel items -->
            <div class="carousel-inner">
              <?php echo make_slides($connect); ?>
            </div>
            <!-- Carousel controls -->
            <a class="carousel-control left carousel-control-prev" href="#myCarousel" data-slide="prev">
                <i class="fa fa-angle-left"></i>
            </a>
            <a class="carousel-control right carousel-control-next" href="#myCarousel" data-slide="next">
                <i class="fa fa-angle-right"></i>
            </a>
        </div>
        </div>
    </div>
</div>
</body>
</html>
...