Caser un max de photos dans une seule page : souvent un casse tête. Ce script de 13 lignes seulement vous tire de ce mauvais pas et gère même les légendes !
Source / Exemple :
// Par DarkSide sergebertet<FuckTheVirus>@voila.fr
// (c) 2004 Riyadh - Saoudi Arabia -
var prevIndex = 0;
var prevLayer;
// Nombre de photos dans la page
var indexMax = 10;
// Taille du texte de la légende
var textHeight = 22;
function top(layer) {
// Style du calque sous la souris
a = document.getElementById(layer.id).style;
if (prevIndex != 0) {
// Restitue le Z-Index du calque précédent
document.getElementById(prevLayer.id).style.zIndex = prevIndex;
// Restitue la taille du calque précédent
document.getElementById(prevLayer.id).style.height = parseInt(document.getElementById(prevLayer.id).style.height.replace('px',''))-textHeight+'px';
}
// Traitement du layer sous la souris
// Sauve le layer
prevLayer = layer;
// Sauve le Z-Index
prevIndex = a.zIndex;
// Met le layer en premier plan
a.zIndex = indexMax;
// Aggrandit le calque pour faire apparaître le texte
a.height = parseInt(a.height.replace('px',''))+textHeight+'px';
}
Conclusion :
Pour voir ce script en action et surtout pour découvrir le code html qu'il faut utiliser avec c'est ici :
http://www.zoneserge.com/essai.html
Les curieux noteront le calque de 'loading ...' et son script permettant d'attendre que toutes les images soient arrivées avant de les afficher.
Testé avec IE6 et Mozilla 1.6 ... j'attend vos test sur d'autres navigateurs.
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.