gistfile1.js

// JavaScript Document

var chemin = "images/"; // dossier contenant les images
var tabImg = new Array("img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg", "img5.jpg");
var i;


function defileImage(arg)
{
  if (!isNaN(arg) && arg!=null)
  {
    i = arg;
  }
 
  if (arg==null)
    i = 0;
  else
  {  
    switch (arg.id)
    { 
      case "btn1":    // id du bouton "première image"
          i = 0;
          break;
      case "btn2":    // id du bouton "image précédente"
          i--;
          break;
      case "btn3":    // id du bouton "image suivante"
          i++;
          break;
      case "btn4":    // id du bouton "dernière image"
          i = tabImg.length-1;
          break;
      /*default:
          i=0;*/
    }  
  }
 
  document.getElementById("btn1").disabled = (i==0);
  document.getElementById("btn2").disabled = (i==0);    
 
  document.getElementById("btn3").disabled = (i==tabImg.length-1);
  document.getElementById("btn4").disabled = (i==tabImg.length-1); 
   
  document.getElementById("idImage").src = chemin + tabImg[i];
}
 
function afficheVignettes()
{
  var j, objImg;
  var c;
  var tempo = "1";
var pas = 4;
var coef = 5;
  
  c = document.getElementById("Cvignettes");
 
  for (j=0; j<tabImg.length; j++)
  {
    objImg = document.createElement("img");
    objImg.src = chemin + tabImg[j];
    objImg.className="vignettes";
    
    objImg.n = j;
    objImg.onclick = function(){defileImage(this.n)}
        
    c.appendChild(objImg); 
  }
}