title: change images on click
body: <p>I found this code but I dont want to change by random.
  I dont know how to change images by order.
  Please help me!</p>
  
  <p>HTML</p>
  
  <pre><code> &lt;div class=change&gt;&lt;img id=bg src="items/01.jpg" alt="" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JQUERY :</p>
  
  <pre><code>var images = ["02.jpg","03.jpg","01.jpg"];
  
  $(function() {
      $('.change').click(function(e) {
      var image = images[Math.floor(Math.random()*images.length)];
          $('#bg').parent().fadeOut(200, function() {
              $('#bg').attr('src', 'items/'+image); 
                $(this).fadeIn(200);
          });
      });
  });
  </code></pre>