Saltar al contenido

Cree carrusel dinámico Bootstrap 4 usando PHP y MySQLi | Ejemplo de código Dynamic BS4 Image Slider

Indagamos en el mundo online para tenerte la solución para tu dilema, si continúas con alguna inquietud puedes dejar la pregunta y responderemos porque estamos para ayudarte.

Ejemplo: carrusel dinámico bootstrap php

//index.php$connect=mysqli_connect("localhost","root","","testing");functionmake_query($connect)$query="SELECT * FROM banner ORDER BY banner_id ASC";$result=mysqli_query($connect,$query);return$result;functionmake_slide_indicators($connect)$output='';$count=0;$result=make_query($connect);while($row=mysqli_fetch_array($result))if($count==0)$output.='
   
  • .$count.'" class="active">
  • '
    ;else$output.='
  • .$count.'">
  • '
    ;$count=$count+1;return$output;functionmake_slides($connect)$output='';$count=0;$result=make_query($connect);while($row=mysqli_fetch_array($result))if($count==0)$output.='
    ';else$output.='
    ';$output.='
    .$row["banner_image"].'" alt="'.$row["banner_title"].'" />
    '
    ;$count=$count+1;return$output;?>
    DOCTYPEhtml><html><head><title>How to Make Dynamic Bootstrap Carousel with PHPtitle><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">script><linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">script>head><body><br/><divclass="container"><h2align="center">How to Make Dynamic Bootstrap Carousel with PHPh2><br/><divid="dynamic_slide_show"class="carousel slide"data-ride="carousel"><olclass="carousel-indicators">echomake_slide_indicators($connect);?>ol><divclass="carousel-inner">echomake_slides($connect);?>div><aclass="left carousel-control"href="#dynamic_slide_show"data-slide="prev"><spanclass="glyphicon glyphicon-chevron-left">span><spanclass="sr-only">Previousspan>a><aclass="right carousel-control"href="#dynamic_slide_show"data-slide="next"><spanclass="glyphicon glyphicon-chevron-right">span><spanclass="sr-only">Nextspan>a>div>div>body>html>

    Si entiendes que te ha resultado de ayuda este artículo, sería de mucha ayuda si lo compartes con otros seniors y nos ayudes a dar difusión a esta información.

    ¡Haz clic para puntuar esta entrada!
    (Votos: 0 Promedio: 0)



    Utiliza Nuestro Buscador

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *