<script type="text/javascript">
var iNbDefilements = 0;

function ImageCadre() {
  iNbDefilements++;

  switch(iNbDefilements) {
    case 1:
        // Affiche image 2;
        document.getElementById("MonCadre" ).getElementById("LienCadre" ).href="#";
        document.getElementById("MonCadre" ).getElementById("ImageCadre" ).src = "image2.jpg";
        break;

     case 2:
        // Affiche image 3;
        document.getElementById("MonCadre" ).getElementById("LienCadre" ).href="#";
        document.getElementById("MonCadre" ).getElementById("ImageCadre" ).src = "image3.jpg";
        break;

      case 3:
        // Affiche image 4;
        document.getElementById("MonCadre" ).getElementById("LienCadre" ).href="http://www.wikipedia.fr";
        document.getElementById("MonCadre" ).getElementById("ImageCadre" ).src = "image4.jpg";
        iNbDefilements = 0;
        break;
  }
}
</script>
<div id="MonCadre" class="Cadre" onclick="ImageCadre();">
 <a id="LienCadre" href="#"><img id="ImageCadre" src="image1.jpg" title="Cliquer sur l'image pour faire défiler..."  /></a>
</div>

div.Cadre {
  width: 200px;
  height: 200px;
  border: 1px solid #000000;
}
 
div.Cadre a img {
  border: 0;
}