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   -
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

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