Principe
Vous en réviez (attention si vous en révez réellement, j'ai le regret de vous annoncer que vous êtes un geek), Mootools l'a fait. Avec ce menu, surnommé "Kwick", nous avons un aperçu des possibilités offertes par Javascript.

Au survol d'une image se produit une interpolation de mouvement sur la taille de celle-ci. Au click vous avez la possibilité de spécifier une action comme l'ouverture d'une page... comme dans un menu classique. Vous pouvez avoir un aperçu de ce menu en cliquant ici.
Utilisation
Ce script est composé de 3 fichiers : un fichier css et deux fichiers js.

mootools.js est la librairie, vous n'avez donc pas besoin de modifier ce fichier.

imageMenu.css défini les styles de l'animation :
#kwick {
  position: relative;
  margin-top: 20px;
}
#kwick .kwicks {
  display: block;
  height: 200px;
  margin: 0px;
}
#kwick li {
  float: left;
}
li:after {
  /*Vous pouvez mettre ici un contenu
  il faut le définir pour chaque classe si l'on
  veut un contenu différent pour chaque rubrique*/
  content:"";
}
#kwick .kwick {
  display: block;
  cursor: pointer;
  overflow: hidden;
   height: 200px;
  width: 100px;/* largeur fermé*/
  background: #fff;
  border-right: 2px solid #fff;
}
#kwick .kwick span {
  display: none;
}
/* Images */
#kwick .opt1 {
  background:url(../images/photo1.jpg) ;
}
#kwick .opt2 {
  background:url(../images/photo2.jpg);
}
#kwick .opt3 {
  background:url(../images/photo3.jpg);
}

imageMenu.js définit les actions sur l'animation :
Le script est assez long, je vais donc juste reprendre la partie qui nous intéresse.
options = Object.extend({
  onClick: Class.empty,
  start: -1,
  openWidth: 0,
  smallWidth: 0,
  itemWidth: 0,
  selected: -1,
  open: -1,
  transition: Fx.Transitions.quadOut
}, options || {});

- onClick: c'est la fonction qui s'exécute lors du click sur un élément.
- transition: Différentes transitions possibles
- openWidth et smallWidth : taille en px fermé et ouverte

Et enfin le fichier html est assez court :
<div id="kwick">
  <ul class="kwicks">
    <li class="kwick opt1" onclick="javascript:window.location='#'"><span>Home</span></li>
    <li class="kwick opt2" onclick="javascript:window.location='#'"><span>People</span></li>
    <li class="kwick opt3" onclick="javascript:window.location='#'"><span>Nature</span></li>
  </ul>
</div>
<script type="text/javascript"> var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});</script>


J'ai utilisé une fonction javascriptpour le click qui permet d'ouvrir une page, mais vous auriez très bien pu le faire comme ceci :
<li><a class="kwick" href="#"><span>Home</span></a></li>
l'appel du javascript se fait par la fonction : var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200, onClick:demo}); que vous devez obligatoirement placé après votre code html.
Source
Pour plus de renseignement vous pouvez visiter le site de mootools : http://mootools.net/
source : kwick.zip(64Ko)