Bonjour à tous
Je suis en train de mettre en place une galerie photo. Les images sont listées dans un tableau en petit, et sont affichées en grand dans un div quand on clique dessus.
La fonction appelée est zoomer(), à laquelle je passe en paramètre le nom de l'image ainsi que ses dimensions.
Le div dans laquelle l'image s'affiche est Zoom. (J'ajoute 32 aux dimensions du div pour avoir une parge de 16 autour de l'image).
Le div est correctement centré en largeur, mais pas en hauteur. Il est trop en bas. Je ne comprend pas d'où vient le problème.
Voici mon code :
function zoomer (img, largeur, hauteur) {
var l = screen.availWidth;
var h = screen.availHeight; var div = document.getElementById ("Zoom");
var l_div = largeur + 32;
var h_div = hauteur + 32; var pos_x = Math.round ((l - l_div) / 2);
var pos_y = Math.round ((h - h_div) / 2); document.getElementById ("imgZoom").src = "images/photos/" + img;
div.style.width = l_div.toString ();
div.style.height = h_div.toString ();
div.style.left = pos_x.toString ();
div.style.top = pos_y.toString (); div.style.display = "block";
}
Je précise que le résultat est le même avec IE et Opéra. Avec FF ça ne fonctionne pas du tout (mais c'est pas ça qui me dérange pour l'instant).
Si quelqu'un a une idée. Merci d'avance