Images

Préchargement des images

//Permet de fluidifier l'affichage
function precharger(fichier) {
	var precharg=new Image; 
	precharg.src=fichier;
}
precharger('images/gn-01.jpg');

Clip en CSS

overflow

Cette propriété permet d'indiquer si le contenu doit être coupé lorsqu'il y a débordement càd trop de contenu pour la taille définie de la boîte DIV.
visible Le contenu de trop n'est pas coupé et déborde de la boîte.
hidden Le contenu de trop est coupé.
scroll Le navigateur fournit un mécanisme de défilement pour permettre de voir le contenu en trop.

clip:rect (top, right, bottom, left)

Cette propriété définit la zone de découpe de la boîte de contenu de l'élément et s'applique lorsque la propriété overflow est utilisée avec la valeur "visible". Indiquer l'unité (px). top et left du DIV permettent de définir où va s'afficher la découpe. Les définir en négatif pour afficher en haut à gauche (en soustrayant les dimensions du rectangle de découpe). Par défaut l'image doit avoir ses attibuts largeur et hauteur normaux. Un éventuel coeff multiplicateur doit être répercuté sur les paramètres du clip(). Voir le source de cette page: function montrerCarte(pX0, pY0, pLargeur, pHauteur,pImage).

Exemple de clip

On extrait le rectangle vert de l'image ci-dessous. Voir aussi le source de cette page.