Salut à tous,

Voilà, j'ai un problème existentiel de première ordre. Pour résumer en une question:

Comment ont-ils fait pour avoir un zoom aussi qualitatif?

Pour comprendre, je vous invite à jeter un œil sur http://vitosalvatore.com/ et à prêter attention sur la finesse du zoom. L'image reste parfaite malgrès la lenteur, pas de pixellisation, pas d'accrochage aux pixels (image qui vibre lors de zoom très léger et lent). Bref c'est beau, c'est propre, c'est pro.

Je sais faire un zoom animé en CSS ou en JS. Pas de problème. Ce qui me tracasse c'est que quand je fais la même chose, ben la qualité de l'image change pendant le zoom (ça pixelise un peut), ça accroche aux pixels. Bref, c'est moche, c'est sale, c'est noob.
J'ai essayé plein de truc mais sans jamais trouver .

Avez-vous une idée de comment faire pour avoir une aussi bonne qualité|performance sur un zoom léger au rollover sur une image par exemple ?

2 réponses


Anthoo
Réponse acceptée

Hello, moi j'aurais tendance à faire quelque chose comme ça : http://jsfiddle.net/cfw4tm1L/. Cela m'a l'air assez correct niveau propreté et qualité, non ?

friant
Auteur

Salut et merci pour ta réponse.

J'y comprends vraiment rien, J'ai testé avec les matrices, background-size: 150%, scale, les width et height via js, rien ne passait; ça ne marchait pas. Et maintenant ça fonctionne correctement. Peut etre mon OS qui fatigue mais j'vais pas chercher midi à 14h...

Merci encore!