Faire défiler des image avec des flèche
34100
Messages postés
228
Date d'inscription
Statut
Membre
Dernière intervention
-
34100 Messages postés 228 Date d'inscription Statut Membre Dernière intervention -
34100 Messages postés 228 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'aimerai savoir comment faire défiler des image avec des flèche une suivante , une retour ; comment faire en html , css .......
merci de vos réponse !
j'aimerai savoir comment faire défiler des image avec des flèche une suivante , une retour ; comment faire en html , css .......
merci de vos réponse !
1 réponse
-
Bonjour
cela se fait avec html css javascript / jquery
il existe de nombreux pluging jquery de sliders ou diaporama
https://www.arweb.fr/slider-jquery-image
-
-
ca ne s'installe pas
il faut dans le head
1) appeler la bibliothèque jquery
2) appeler le script js du slider (que tu a téléchargé et mis dans ton dossier js de site)
3) appeler le css du slider (que tu a téléchargé et mis dans ton dossier de site)
apres body
1) initialiser le srcipt
2) faire une liste html avec tes images (ul)
ex avec anythingslider
https://github.com/CSS-Tricks/AnythingSlider/wiki
dans le head
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="js/jquery.anythingslider.js"></script> <link rel="stylesheet" href="anythingslider.css">
apres body
<script>$(function(){ $('#slider').anythingSlider(); });</script> <ul id="slider"> <li><img src="slide1.gif" alt="" width="450" height="350"></li> <li><img src="slide2.gif" alt="" width="450" height="350"></li> <li><img src="slide3.gif" alt="" width="450" height="350"></li> </ul>
après tu peux changer les options comme indiqué dans le wiki
https://github.com/CSS-Tricks/AnythingSlider/wiki/Setup
c'est a peu près le même procédé pour tous les plugin jquery
-