Bonjour,

J'ai c'est 2 fonction ci-dessous fait avec jquery, elle consiste a afficher des images aprés selection du repertoire dans un menu déroulant.
Donc mon soucis est que quand je choisi un autre repertoire dans mon menu déroulant mes image précédente reste et les nouvelles vienne s'ajouter au ancienne.
Mon probléme est comment enlever les anciennes images pour mettre les nouvelles a la place.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Language" content="fr-FR,be,ch,fr" />
<script type="text/javascript" src="../lib/ajax/jquery.js"></script>
<script type="text/javascript" src="../lib/ajax/rolover/jquery.metadata.min.js"></script>
<script type="text/javascript" src="../lib/ajax/rolover/jquery.swapimage.min.js"></script>
<script type="text/javascript">
$(function(){
	$("select#select_artist").change(function(){
		$.getJSON("test.php5",{id: $(this).val(),selec : "1"}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].valeur + '">' + j[i].nom_galerie + '</option>';
			}
			$("#select_video").html(options);
			$('#select_video option:first').attr('selected', 'selected');
 
			var rep = $('#select_video option:first').val();
			list_minia(rep);
		})
	})			
})
 
function list_minia(){
	$.getJSON("test.php5",{rep: value_rep,selec : "2"},
  function(data){
    $.each(data, function(i,item){
      $("<img>").attr({src:value_rep+"/mini/"+item,class : "swapImageClick { sin: ['#img_select:"+value_rep+"/mini/"+item+"'], sout: ['#img_select:blank.gif'] }",alt : item}).appendTo("#affichage_img #images");
    });
    $.swapImage(".swapImageClick", true, true, "click");
 
    $('img.swapImageClick').click( function(event) {
      var alt = $(this).attr('alt');
      $('#image_ref').attr('value', alt);
    });
  });
}
</script>
</head>
<body>
  <form method="post" action="">
    <p>
      <label for="list_group_news">S&eacute;lectionner votre galerie a lier</label>
      <select name="list_artiste" id="select_artist">
        <option value="selec">--Acteur--</option> 
        <option value="selec">Acteur1</option>
        <option value="selec">Acteur2</option>
        <option value="selec">Acteur3</option>   
      </select>        
      <select name="list_Video" id="select_video">
        <option value="selec">--Video--</option>  
         <option value=""></option> 
      </select>    
    </p>
 
    <p><img id="img_select" src="images/blank.gif" border="1" alt=""/></p>
 
    <div id="affichage_img" style="float:left;">
  		<div id="images"></div>
  	</div>    
 
    <p><input type="submit" /></p> 
  </form>   
</body>
</html>
Merci beaucoup pour votre aide.