Hover sur une image pour qu'elle change de taille

Bien le bonjour,

Je cherche désespérément à avoir le style de hover que l'on a sur ce site : http://www.bankfashion.co.uk/home (sur la bannière Homme Femme)
Un agrandissement de l'image de ce type, j'imagine que ca peut se faire en css ou du jquery!
Je ne trouve pas la solution, quelqu'un pourrait t'il m'éclairer sur ce sujet, j'ai fait une tonnes de blogs mais sans succès.

Merci beaucoup
Modifié par Laurie-Anne (28 Oct 2011 - 20:16)

C'est du jquery chez eux. Tu as bien les keyframes en CSS mais là pour cet effet c'est ce compliquer la vie pour rien du tout.

Tu as regardé leurs scripts?

Suffit de regarder
J'aurai utilisé également animate()

jQuery(function () {
	jQuery('.top .women').hover(
		function () {
		jQuery(this).stop(false, false).animate({width:'570px'}, 600);
		jQuery('img', this).stop(false, false).animate({left:'0px'}, 600);
		jQuery('.top .men').stop(false, false).animate({width:'370px'}, 600);
		jQuery('.top .men img').stop(false, false).animate({left:'-80px'}, 600);},
		function () {
		jQuery(this).stop(false, false).animate({width:'470px'}, 600);
		jQuery('img', this).stop(false, false).animate({left:'-70px'}, 600);
		jQuery('.top .men').stop(false, false).animate({width:'470px'}, 600);
		jQuery('.top .men img').stop(false, false).animate({left:'-40px'}, 600);});
	jQuery('.top .men').hover(
		function () {
		jQuery(this).stop(false, false).animate({width:'570px'}, 600);
		jQuery('img', this).stop(false, false).animate({left:'0px'}, 600);
		jQuery('.top .women').stop(false, false).animate({width:'370px'}, 600);
		jQuery('.top .women img').stop(false, false).animate({left:'-90px'}, 600);}, 
		function () {
		jQuery(this).stop(false, false).animate({width:'470px'}, 600);
		jQuery('img', this).stop(false, false).animate({left:'-40px'}, 600);
		jQuery('.top .women').stop(false, false).animate({width:'470px'}, 600);
		jQuery('.top .women img').stop(false, false).animate({left:'-70px'}, 600);});
});