j'aurais juste ajouter quelques pixels au top de la loupe pour ne pas avoir ce décalage disgracieux mais sinon c'est pas mal
Version imprimable
j'aurais juste ajouter quelques pixels au top de la loupe pour ne pas avoir ce décalage disgracieux mais sinon c'est pas mal
Tu veux dire changer ça :
en ça ?Code:backgroundPosition : '-'+(1.05*left)+'px -'+(1.05*top)+'px'
Je viens d'essayer en effet c'est mieux. Qu'en penses tu ?Code:backgroundPosition : '-'+(1.00*left)+'px -'+(1.00*top)+'px'
je ne vois pas de difference...
j'aurais tenté un truc du genre
Code:
1
2
3
4
5
6 $(this).children('.retina').css({ left : left - sizes.retina.width/2, top : top - sizes.retina.height/2, backgroundPosition : '-'+(1.05*left)+'px -'+(1.05*top)+'px' });
ou
Code:
1
2
3
4
5 $(this).children('.retina').css({ left : left - sizes.retina.width/2, top : top - sizes.retina.height/2, backgroundPosition : '-'+(1.05*left)+'px -'+(1.07*top)+'px' });
Après plusieurs tests les valeurs "1" et "1" restent les meilleurs car si on les augmentes, le décalage est trop important et il devient difficile de visualiser les bords supérieur et inférieur de l'image.
Je m'arrêterais donc là sur ce petit bout de code qui m'aura bien occupé...
Merci encore et bonne continuation ! :ccool:
(certainement à bientôt pour de nouvelles aventures...;))