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

2 réponses


macinsteph
Auteur
Réponse acceptée

moi et l'ajax ça fait 2 !!
Construire un slider pas de soucis, après c'est lus compliqué.

tu peut les recupéré depuis une requette ajax et les injecté en js tu aura plus de facilité a manipuler le dom html