Toutela - Javascript - Navigation entre layers

Le but de ce script est de proposer une navigation rapide. Des calques contiennent chacun du texte, des images, ce que vous voulez, et des boutons 'suivant' et 'précédent' qui permettent de passer d'un calque à l'autre.
L'avantage est de continuer à charger les layers suivants pendant que le visiteur peut déjà voir le premier.

Exemple :

Voir la Demonstration

Le code :

Entre <HEAD> et </HEAD> :

function suivant(numero) {

// si on est sur netscape...
if (ns4) {

// on prépare l'intervention sur le layer actuel (future disparition)
luimeme = eval('document.layers.calque' + numero);

// on prépare l'intervention sur le layer 'suivant'
suiv = eval('document.layers.calque' + (numero + 1));
}

// si on est sur explorer...
if (ie4) {
luimeme = eval('document.all.calque' + numero + '.style');
suiv = eval('document.all.calque' + (numero + 1) + '.style');
}

// on cache le layer actuel
luimeme.visibility = 'hidden';

// on fait apparaître le layer suivant
suiv.visibility = 'visible';
}

// et inversement pour revenir en arrière...
function precedent(numero) {
if (ns4) {
preced = eval('document.layers.calque' + (numero - 1));
luimeme = eval('document.layers.calque' + numero);
}
if (ie4) {
preced = eval('document.all.calque' + (numero - 1) + '.style');
luimeme = eval('document.all.calque' + numero + '.style');
}
preced.visibility = 'visible';
luimeme.visibility = 'hidden';
}
</script>

Entre <BODY> et </BODY> :