Jquery changement au click d'une image perte de sa taille

Bonjour, concrètement au chargement de la page j'ai une image centrale, puis en dessous j'ai une liste composé de 3 images dont celle affiché en centrale.
Le code de la liste :

<div id="content_crop_photo_select">
<ul>
<li>
<img alt="a1e08n5pfu0b8j0va9i39ll7t0_F0035.jpg" src="http://mon_url/upload/images/crop_a1e08n5pfu0b8j0va9i39ll7t0_F0035.jpg">
</li>
<li>
<img alt="a1e08n5pfu0b8j0va9i39ll7t0_slider_cuisine_thumb.jpg" src="mon_url/upload/images/crop_a1e08n5pfu0b8j0va9i39ll7t0_slider_cuisine_thumb.jpg">
</li>
<li>
<img alt="a1e08n5pfu0b8j0va9i39ll7t0_obey_desktop_2550x3300_wallpaper_311343.jpg" src="mon_url/upload/images/crop_a1e08n5pfu0b8j0va9i39ll7t0_obey_desktop_2550x3300_wallpaper_311343.jpg">
</li>
</ul>
</div>

L'image :

<div id="content_crop_img">
					<img src="http://mon_url/upload/images/crop_a1e08n5pfu0b8j0va9i39ll7t0_F0035.jpg" alt="a1e08n5pfu0b8j0va9i39ll7t0_F0035.jpg" id="target" />
					<input id="x1" type="hidden"/></br>
					<input id="y1" type="hidden"/></br>
					<input id="x2" type="hidden"/></br>
					<input id="y2" type="hidden"/></br>
					<input id="w" type="hidden"/></br>
					<input id="h" type="hidden"/></br>
				</div>

En gros sur l'image centrale j'utilise le plugin Jcrop et lorsque je clique sur une image de ma liste je détruit jcrop et le réinitialise avec la nouvelle image. Sa fonctionne niquel. Sauf que les coordonné renvoyer par jcrop sont fausse. Il prend la hauteur et la largeur de l'image d'avant. Du coup pour avoir la bonne taille je suis obliger de cliquer deux fois dans la vignette.

jQuery('#content_crop_photo_select ul li img').click(function(e){
var link = jQuery(this).attr('alt');
jQuery('#crop_prev img').attr({
					'alt':link,
					'src':link
				});
				jQuery('#target').attr({
					'alt':link,
					'src':link
				});
				jcrop_api.destroy();
				initJcrop();				
});

Pour être plus explicite dans mon problème imaginons qu'au chargement de ma page dans mon image centrale j'ai un magnifique cochon dinde en dimension 422 x200 et qu'ensuite je clique sur la vignette d'un poney qui a comme dimension 422x546. Et bien cette deuxième taille ne sera pas mis a jour et mon poney aura comme taille 422x200. Pour appliquer la taille je suis obliger de cliquer deux fois sur la vignette.
Modifié par b4rto (26 Jul 2012 - 11:57)