Transition CSS3 - agrandissement et positionnement

Bonjour,

sur les bases de cette page http://www.alsacreations.com/xmedia/tuto/exemples/transitions/images1.htm tirée du tutoriel traitant des transitions, j'aimerais redimensionner des images mais qu'au redimensionnement elles se recentrent toutes au même endroit.
L'idée étant d'avoir une planche de vignettes qui s'agrandiraient lors de leur survol. Dans l'exemple, si l'agrandissement est trop important, les images les plus à droite sortent du cadre... il faut donc qu'elles se positionnent toutes au même endroit.

merci

Salut,

Je ne comprends pas bien ta question. Tu souhaites que l' images qui s'agrandisse au survol reste centrée par rapport à sa vignette ?

Pour éviter que tes images sortent de ton cadre, il faut peut-être appliquer une marge à droite et à gauche suffisamment importante. Ou bien cet effet n'est pas adapté à la taille de tes images qui sont trop grandes. Si c'est le cas tu devrais utiliser Fancybox ou ligthbox pour agrandir les images.

Ou alors tu peux essayer ce jquery http://playground.mobily.pl/tutorials/creating-a-modern-gallery-with-raphael.html ( la démo est ici : http://playground.mobily.pl/tutorials/creating-a-modern-gallery-with-raphael/demo.html ) Je pense que c'est ce qui se rapproche le plus de ce que tu cherches à faire.

Si tu n'aimes pas l'effet de rotation tu retires dans init.js

rotation : 360 }, 1200, 'elastic');

J'espère que cela va t'aider.