PHP+MySqli EP.24 การเรียกรูปภาพจาก Database มาแสดงใน สไลด์ ของ Bootstrap 4
PHP+MySqli EP.24 การเรียกรูปภาพจาก Database
มาแสดงใน สไลด์ ของ Bootstrap 4
เป็นการแสดงภาพ แบบ เรียกข้อมูลจาก Database
ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้
ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก
ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์
ระบบ เช่าชุดออนไลน์
Code ตัวอย่าง
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
<?php include('condb.php'); //query $query_slider = "SELECT * FROM tb_slider ORDER BY sid DESC" or die("Error:" . mysqli_error()); $result_slider = mysqli_query($condb, $query_slider); // //echo $query_slider; ?> <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="template/css/bootstrap.min.css"> <link rel="stylesheet" href="template/css/mystyle.css"> <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=5d70bc82ab6f1000123c7e9e&product=inline-share-buttons" async="async"></script> <title>by fordev22.com</title> </head> <body> <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <?php $i=0; foreach ($result_slider as $row) { $actives=''; if($i==0){ $actives='active'; } ?> <div class="carousel-item <?php echo $actives;?>"> <img class="d-block w-100" src="template/img/<?php echo $row['slider'];?>" alt="fordev22.com"> </div> <?php $i++; }?> </div> </div> <!--start footer --> <div class="container-fluid"> <div class="row"> <div class="col-12 col-sm-12 col-md-12 bg-secondary"> <h3><p align="center" style="color: #fff" class="myfooter"> fordev22.com @2019</p></h3> </div> </div> </div> <!--end footer --> </body> </html> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="template/js/jquery-3.3.1.slim.min.js"></script> <script src="template/js/popper.min.js"></script> <script src="template/js/bootstrap.min.js"></script> |