[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

[nospor]

No przeciez obraz wyswietlasz w petli no to czemu sie dziwisz ze wyswietla sie tyle razy ile petla sie wykonuje razy?

[brzanek]

Ok zmieniłem dałem obrazem przed pętlą ale teraz mam wszystkie dane nałożone na siebie.

[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>';
      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="">';
$result = $mysqli->query("SELECT * FROM prognoza_godzinowa WHERE hid_miasto =1 ORDER BY id ASC");
while ( $row = mysqli_fetch_array($result) ) {
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 

Adres strony http://pogoda-zachodniopomorskie.pl/progno...nowa/index2.php

[nospor]

masz moze statyczny kod html ktory realizuje to co chcesz? Bo na chwile obecna odnosze wrazenie ze nie wiesz jak to zrobic generalnie w html by dzialalo. Baza danych tutaj nie jest problemem.

[brzanek]

Statyczny kod html pobrany ze strony bootstrap'a

[PHP] pobierz, plaintext 
<div class="container">
    <div class="row">
      <h1>Karuzela / Slider z opisem</h1>
 
      <div id="carousel-example-generic2" class="carousel slide">
        <!-- Wskaźniki w postaci kropek -->
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic2" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic2" data-slide-to="2"></li>
        </ol>
 
        <!-- Slajdy -->
        <div class="carousel-inner">
          <div class="item active">
            <img src="https://placehold.it/1280x500" alt="">
            <!-- Opis slajdu -->
            <div class="carousel-caption">
              <h3>To jest opis</h3>
              <p>pierwszego slajdu</p>
            </div>
          </div>
 
          <div class="item">
            <img src="https://placehold.it/1280x500" alt="">
            <!-- Opis slajdu -->
            <div class="carousel-caption">
              <h3>To jest opis</h3>
              <p>drugiego slajdu</p>
            </div>
          </div>
 
          <div class="item">
            <img src="https://placehold.it/1280x500" alt="">
            <!-- Opis slajdu -->
            <div class="carousel-caption">
              <h3>To jest opis</h3>
              <p>trzeciego slajdu</p>
            </div>
          </div>
 
        </div>
 
        <!-- Strzałki do przewijania -->
        <a class="left carousel-control" href="#carousel-example-generic2" data-slide="prev">
          <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic2" data-slide="next">
          <span class="icon-next"></span>
        </a>
      </div>
    </div>
[PHP] pobierz, plaintext 

Tu działa bez problemu ale u mnie nie chce.
Zależy mi na tym aby obrazek był stały a zmieniały się tylko dane pobierane z bazy danych nakładane na obrazek.

[nospor]

Kod html co teraz podales jest zupelnie inny niz probujesz stworzyc w php. Ja sie pytam, czy masz dzialajacy kod html do tego co probujesz stworzyc.

[brzanek]

Jak bym miał działający kod html to bym go przerobił w php.
Więc jak to powinno być?

[nospor]

Jak bym miał działający kod html to bym go przerobił w php.

Ja sie nie pytalem co bys zrobil jakbys mial. Ja zadalem proste pytanie czy masz i oczekiwalem prostej odpowiedzi - TAK/NIE.

[brzanek]

Nie mam.