Bonjour à toutes et à tous!
Je ne débutes pas en programmation, mais je dois avouer que le front-end n'as jamais était ma passion alors je m'y met un peu!
J'essaie de mettre en place un carousel à l'aide du framework Bulma et du "plugin" carousel.
Je n'arrive décidément pas à faire ce que je souhaites.
Mon code actuel est le suivant:
Le problème c'est que mes textes sont affichés sous l'image, et donc en dehors du carousel (donc non-affiché).
Et je n'ai rien trouvé dans la documentation qui en parles...
Quelqu'un l'aurais déjà réalisé?
Modifié par Maz83 (14 Oct 2019 - 18:32)
Je ne débutes pas en programmation, mais je dois avouer que le front-end n'as jamais était ma passion alors je m'y met un peu!
J'essaie de mettre en place un carousel à l'aide du framework Bulma et du "plugin" carousel.
Je n'arrive décidément pas à faire ce que je souhaites.
Mon code actuel est le suivant:
<section class="hero is-large has-carousel">
<div class="hero-head"></div>
<div class="hero-body">
<div class="hero-carousel" data-autoplay="true" data-navigation-keys="false" data-autoplay-speed="5000" data-effect="fade" data-duration="1000">
<div class="has-text-centered has-background">
<img class="is-background" src="{{ 'assets/images/slider_1.jpg'|theme }}">
<h2 class="title">C'est beau le Mourillon!</h2>
</div>
<div class="has-text-centered has-background">
<img class="is-background"src="{{ 'assets/images/slider_2.jpg'|theme }}">
<h2 class="title">Oh le téléphérique :o</h2>
</div>
<div class="has-text-centered has-background">
<img class="is-background"src="{{ 'assets/images/slider_3.jpg'|theme }}">
<h2 class="title">Devinez qui je suis?</h2>
</div>
</div>
</div>
<div class="hero-foot"></div>
</section>Le problème c'est que mes textes sont affichés sous l'image, et donc en dehors du carousel (donc non-affiché).
Et je n'ai rien trouvé dans la documentation qui en parles...
Quelqu'un l'aurais déjà réalisé?
Modifié par Maz83 (14 Oct 2019 - 18:32)