Faire défiler des image avec des flèche

Fermé
34100 Messages postés 175 Date d'inscription jeudi 8 janvier 2015 Statut Membre Dernière intervention 1 octobre 2015 - 27 mai 2015 à 16:28
34100 Messages postés 175 Date d'inscription jeudi 8 janvier 2015 Statut Membre Dernière intervention 1 octobre 2015 - 1 juin 2015 à 19:58
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 !



1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
27 mai 2015 à 21:26
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 175 Date d'inscription jeudi 8 janvier 2015 Statut Membre Dernière intervention 1 octobre 2015 113
28 mai 2015 à 14:52
merci de ta réponse et comment on installe des pluging
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 29/05/2015 à 00:51
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