Faire défiler des image avec des flèche

34100 Messages postés 179 Date d'inscription   Statut Membre Dernière intervention   -  
34100 Messages postés 179 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 !



A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
0
34100 Messages postés 179 Date d'inscription   Statut Membre Dernière intervention   113
 
merci de ta réponse et comment on installe des pluging
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
0