1 Dernière modification par roxu (18-12-2014 17:17:09)

Sujet : diaporama click precedent

Bonjour j'ai un problème avec mon code jquery, car lorsque je click sur l'image avec la flèche qui doit faire défiler mon image en arrière , l'image défile vers l'avant, et je voudrai bien savoir quel est le problème dans mon code merci

Voila mon code

$( document ).ready(function() {
    var images = ['Coper.jpg','Cornish.jpg', 'Deniro.jpg', 'Howard.jpg' ];
    var images_length = images.length - 1;
    var position = 0;
        $( ".nav" ).click(function()
    {
        if( $(this).hasClass('next') ){
            position++;
            if( position > images_length ){
                position = 0;
            }
        }else
        {position--;
            if( position < 0 ){
                position = images_length;
            }
        };

        $('.slider img').attr('src',"img/" + images[position]);
    });


});
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title>Document</title>
    <style>
      #cooper{
        position:absolute;
      }
      #cornish{
        position:absolute;
      }
      #deniro{
        position:absolute;
      }
      #howard{
        position:absolute;
      }

    </style>
  </head>
  <body>
    <div class="container">
      <div class="galerie">
        <div class="slider">
         <img src="img/Coper.jpg" alt="">
        <p> </p>
        </div>
        <div id="nav" class="nav">
          <img src="img/suiv.png" class="next">
          <img src="img/prec.png" class="prev">
        </div>
      </div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/scripts.js"></script>
  </body>

</html>