Bonjour,

Je débute totalement en javascript et utilise un script pour zoomer une image à partir de miniatures.
L'image s'affiche légèrement en décalé par rapport aux miniatures, mais j'aurai besoin que l'image agrandie s'affiche au centre de l'écran.
Voici le script que j'ai récupéré :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// Mouse hover - big image
$( function() {
	var offsetX = 20;
	var offsetY = -20;		
 
	$('a').hover(function(e){
		if ($(this).attr('rel') == 'hoverToEnlarge')
		{
			var href = 	$(this).attr('href');
			$('<img id="largeImage" src="' + href + '"alt="image" />')
			.css('top', e.pageY + offsetY)
			.css('left', e.pageX + offsetX)
			.appendTo('body');
		}
 
	}, function(){
		$('#largeImage').remove();
	});	
 
	$('a').mousemove(function(e){
		$('#largeImage')
		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX);
	});
 
	$("a").click(function(event) {
		event.preventDefault(); 
    });
 
 
});
J'ai tenté des modifications mais sans succès. Pourriez-vous m'aider à modifier ce script pour que mon image s'affiche au centre svp ?

merci d'avance de votre aide.