UI Droppable Photo-Manager. Récupérer une variable

Bonjour a tous, j'utilise photo-manager de jquery, j'affiche toute mes images avec une boucle (avec des tag Django) mais a chaque fois que je récupère le id de ma photo via le Javascript, je récupère le id de la première image afficher et non celui de celle que j'ai clicker...

Je vous met mon code HTML, donc l'action se passe quand je click sur le <a href> ajout_album et je récupère les données dans le input hidden :

Code:

1
2
3
4
5
6
7
8
9
10
 
{% for affiche in  attribu_image %}
								<li class="ui-widget-content ui-corner-tr">
									<h5 class="ui-widget-header">{{ affiche.name|slice:":17" }}</h5>
									<img src="{% imagin_media_prefix %}{% for thumb in  affiche.element_thumb %}{{thumb}}{% endfor %}" alt="{{ affiche.name }}" height="72" />
									<a href="{% imagin_media_prefix %}{% for low in  affiche.element_low %}{{low}}{% endfor %}" title="{{ affiche.price }} {{ affiche.description }} {% for tags in affiche.tags  %} {{ tags }}, {% endfor %}" class="ui-icon ui-icon-zoomin">View larger</a>
									<a href="link/to/trash/script/when/we/have/js/off" id="ajout_album" title="Ajouter a mon album" class="ui-icon ui-icon-trash">Delete image</a>
									<input type="hidden" id="image" name="image" value="{{affiche.id}}">
								</li>
								{% endfor %}

Et dans le Javascript, j'ai intégré un alert pour pouvoir voir quel id d'image je récupère via la méthode post, mais a chaque fois je récupère le id de l'image 1....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
// image deletion function
	var recycle_icon = "<a href='link/to/recycle/script/when/we/have/js/off' title='Supprimer de l&rsquo;album' class='ui-icon ui-icon-refresh'>Recycle image</a>";
	function deleteImage( $item ) {
 
		 $.post(
	                "{% url libertyproject.imagin.ajax.identity %}",
	                {name: $("#image").val()},
	                function (data)
	                {
	                    var string = "";
	                    for (var p in data)
	                    {
	                        string += p+":"+String(data[p])+"\n";
	                    }
	                    alert(string);
	                }
	            );
 
 
 
		$item.fadeOut(function() {
			var $list = $( "ul", $trash ).length ?
				$( "ul", $trash ) :
				$( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash );
 
			$item.find( "a.ui-icon-trash" ).remove();
			$item.append( recycle_icon ).appendTo( $list ).fadeIn(function() {
				$item
					/*.animate({ width: "48px" })*/
					.find( "img" )
						.animate({ height: "72px" });
			});
		});
	}

Merci d'avance pour votre aide !!! ;)