Piwigo.org

photo2bob · 2023-07-07 15:03:27

Bonjour/Bonsoir,

Je viens decouvrir ce theme et je ne comprend pas comment configurer un carrousel sur la page d'accueil
J'ai bien trouve de la doc sur GitHub, mais niet
merci

Version de Piwigo: 13.7.0
Version de PHP: 8.1.8
Version de MySQL:
URL Piwigo: test en local

Katryne · 2023-07-07 18:07:21

Bonsoir, le carrousel de Bootstrap, c'est seulement sous les images, pour donner un aperçu des photos avant et après de l'album.

dreamer · 2023-07-08 11:16:17

Bonjour, il y a possibilité de mettre un carrousel avec ce style de code en utilisant une page additionnelle accueil avec 3 images.

Code:

<style>
img {width:100%; height:auto;}
</style>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Carousel indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for carousel items -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="http://monsite.com/images/photo1.jpg" alt="">
        </div>
        <div class="carousel-item">
            <img src="http://monsite.com/images/photo2.jpg" alt="">
        </div>
        <div class="carousel-item">
            <img src="http://monsite.com/images/photo3.jpg" alt="">
        </div>
    </div>
    <!-- Carousel controls -->
    <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>

Hannah · 2023-07-11 08:49:04

Bonjour photo2bob,

Pour avoir un carousel sur la page d'accueil vous pouvez utiliser le plugin extended description, où vous utilisez une balise comme [slider album=xx]

Ceci vous pouvez l'utiliser avec pwg stuffs pour ajouter un bloc personnaliser contenant votre slider en haut de la page d'accueil, ou pour avoir un rendu comme sur demo2.piwigo.com avec seulement le slider sur l'accueil vous pouvez mettre cette balise dans une page créée avec le plugin additional pages.

deheme · 2023-07-16 10:19:29

Bonjour,

Pour ma part https://photo.deheme.com, j’ai mis en oeuvre le carrousel décrit dans le wiki Darkroom légèrement modifié:
https://github.com/Piwigo/piwigo-bootst … ent-images

Je le trouve plus élégant que celui proposé avec extented description cité plus haut.
Quelques tâtonnements m’ont permis de bien comprendre le fonctionnement qui n’est pas trivial.

Cordialement
DéHème

Katryne · 2023-07-16 10:35:27

Daniel, merci pour cette piste.
Mais je ne le vois pas bouger ton carrousel. Pour voir les autres photos (toutes waouh !), je dois cliquer sur la tite flèche ou rafraîchir la page. Mais elle ne se succèdent pas sans mon intervention. Est-ce ce qui est attendu ? Mon navigateur est le dernier Firefox.

deheme · 2023-07-16 13:00:22

Katryne a écrit:
Daniel, merci pour cette piste.
Mais je ne le vois pas bouger ton carrousel. Pour voir les autres photos (toutes waouh !), je dois cliquer sur la tite flèche ou rafraîchir la page. Mais elle ne se succèdent pas sans mon intervention. Est-ce ce qui est attendu ? Mon navigateur est le dernier Firefox.

Patience et longueur de temps....

La période par défaut dans le carrousel bootstrap est de 5 secondes indépendante du navigateur.

DéHème

Katryne · 2023-07-16 13:07:59

Nan, j'attends plus d'une minute et ça bouge pas. Pourquoi moi, si chez les autres, ça marche ?

Katryne · 2023-07-16 13:12:02

J'ai rien dit, maintenant, ça marche sur TOUS mes navigateurs. Pardon d'avoir douté : j'aurais dû relancer mon Firefox.
Bon, maintenant, je peux le dire : c'est vraiment chouette, contenant et contenu.

Piwigo.org

Annonce

#1 2023-07-07 15:03:27

carousel sous theme bootstrap darkroom

#2 2023-07-07 18:07:21

Re: carousel sous theme bootstrap darkroom

#3 2023-07-08 11:16:17

Re: carousel sous theme bootstrap darkroom

Code:

#4 2023-07-11 08:49:04

Re: carousel sous theme bootstrap darkroom

#5 2023-07-16 10:19:29

Re: carousel sous theme bootstrap darkroom

#6 2023-07-16 10:35:27

Re: carousel sous theme bootstrap darkroom

#7 2023-07-16 13:00:22

Re: carousel sous theme bootstrap darkroom

Katryne a écrit:

#8 2023-07-16 13:07:59

Re: carousel sous theme bootstrap darkroom

#9 2023-07-16 13:12:02

Re: carousel sous theme bootstrap darkroom

Pied de page des forums