Modifier un script de zoom d'image - Centrer l'image
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:
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.
