[HTML][MySQL][PHP]Karuzela w bootstrapie - dane z bazy danych mysql Opcje

[brzanek]

Witam mam problem ze zrobieniem czegoś podobnego do karuzeli w bootstrapie.
Mam obrazek i przyciski po lewej stronie i po prawej.
Na obrazku mam warunki pobierane z bazy danych takie jak temperatura i tym podobne. Dane są na obecną godzinę. Po kliknięciu w przycisk po prawej stronie bez przeładowania strony pobierane dane z bazy danych na obrazku zmieniają się.
W bazie danych mam dane z podziałem na godziny.

Próbuję to zrobić na podstawie właśnie karuzeli ale zamiast wyświetlać raz obraz to powiela się o tyle razy ile jest rekordów w bazie danych.
Tak wygląda kod.

[PHP] pobierz, plaintext 
<?php
include('../darksky1/db.php');
?>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<link href="style/style.css" rel="stylesheet">
<?
echo '<div class="row">';
  echo '<div class="col-md-2">menu</div>';
 
$result = $mysqli->query("SELECT * FROM prognoza_godzinowa WHERE hid_miasto =1 ORDER BY id ASC");
while ( $row = mysqli_fetch_array($result) ) {
      echo '<div id="carousel-example-generic2" class="carousel slide col-md-7">';
        echo '<ol class="carousel-indicators">';
          echo '<li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li>';
        echo '</ol>';
        echo '<div class="carousel-inner">';
          echo '<div class="item active">';
  echo '<img src="images/new_mapa1.jpg" class="img-responsive" alt="Responsive image">';
            echo '<div class="">';
echo '<div class="dzienp0">'.date("d/m/Y H:i:s", $row['htime']).' </div>';	
            echo '</div>';
          echo '</div>';
        echo '</div>';
        echo '<a class="left carousel-control" href="#carousel-example-generic2" data-slide="prev">';
          echo '<span class="icon-prev"></span>';
        echo '</a>';
        echo '<a class="right carousel-control" href="#carousel-example-generic2" data-slide="next">';
          echo '<span class="icon-next"></span>';
        echo '</a>';
      echo '</div>';
}
  echo '<div class="col-md-3">godziny</div>';
echo '</div>';
?>
 
  <!-- JavaScript plugins (requires jQuery) -->
  <script src="https://code.jquery.com/jquery.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
<?
?>
[PHP] pobierz, plaintext 

Ten post edytował brzanek 2.04.2019, 17:40:38