Afficher une image avec input onclick

Salut,

voici l'astuce que j'ai utilisé pour afficher un loader sur mon site :

1 - tu positionne ton image dans le code html, j'utilise un simple div que je style en css
// HTML
<div id="loader"></div>

// css
#loader {
background: url('img/loader.gif') no-repeat; width: 22px; height: 22px; // image
display: none; // l'astuce est de cacher l'image
}

2 - tu ajoute ton code javascript qui affiche le loader
// javascript
function afficherLoader() {
document.getElementById('loader').style.display = 'block';
}

// HTML
<input type = "submit" name = "Valider" onclick = "afficherLoader()" />
</form>

Voilà l'idée, cela devrait résoudre ton problème.
Bonne année

Salut et bonne année 2011 a toi aussi :)

Voila le code que j ' ai utiliser :

<INPUT type=image Value=submit border=0 src="ton image" align="middle" >

Merci Ced3E pour ton intérêt quant à mon soucis,
mais ta solution permet de mettre une image sur un bouton.
et donc, ne répond pas à mon problème.

Je vais donc reformuler ma question :
Ce que je cherche à faire, c'est lorsque je clique sur input (2) pour télécharger une image (input 1) avec un bout de code du genre :
<form method ="post" action ="tata.php">
(1) <input type = "file" name = "image" />
(2) <input type = "submit" name = "Valider" onclick = "afficher un loader.gif" />
</form>

je cherche donc à afficher une image animée le temps du téléchargement du fichier image (1)

Merci d'avance

Bonsoir,

Merci pour ce post qui m'a permis d'installer simplement une progressbar ou barre de défilement sur un upload de fichiers.