Bonjour,
Je suis à la recherche d'un tuto pour la réalisation d'un slider abministrable, je m'explique :
J'ai une table ou j'upload des images, je souhaite les injecter via une requête dans mon slider -> ça c'est fait !!
Le soucis c'est que mes images se mettent les unes sous les autres et ne tient pas compte de l'architecture html du slider, je précise c'est un slider bootstrap.
Je vous met le code :
<div class="row carousel-holder">
<div class="col-lg-12">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<?php
require 'admin/bdd.php';
$a=0;
$req = $bdd->query('SELECT * FROM slider');
// On affiche chaque entrée une à une
while ($slides = $req->fetch())
{
?>
<li data-target="#carousel-example-generic" data-slide-to="<?php echo $a++; ?>" class="active"></li>
<?php
}
?>
</ol>
<div class="carousel-inner">
<?php
require 'admin/bdd.php';
// On récupère tout le contenu de la table produits
$req = $bdd->query('SELECT * FROM slider');
// On affiche chaque entrée une à une
while ($slides = $req->fetch())
{
?>
<div class="item active">
<img class="slide-image" src="<?php echo $upload_slide.$slides['imgSlide']; ?>" alt="">
</div>
<?php } ?>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
Pouvez vous me mettre sur une piste ?
Merci