Bonjour,

Je tente d'afficher une image dont l'url dépend d'un nombre tapé dans un input.
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
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<input type="text" size="7" maxlength="7" id="id">
<div id="img"></div>
<script>
$('#id').focus();
$('#id').keyup(function(){
	$('#img').hide().fadeIn('fast');
	$('#img').html('<img src="http://www.site.com/'+$(this).val()+'.jpg" width="200px">');
});
</script>
</body>
</html>
Le fadeIn() ne fonctionne que si l'image est en cache. Comment procéder pour que l'image n'apparaisse que lorsqu'elle est chargée ?
Merci d'avance pour vos réponses.