Afficher une image avec input onclick Résolu/Fermé

Question

Bonjour, 

Comment puis-je afficher une image type loader.gif par un onclick ou un onsubmit sur un input

Merci pour votre aide

Bonne année 2011 à tous

Configuration: Windows XP / Internet Explorer 7.0

Sparkle59 · Accepted Answer

Merci beaucoup Pitet
c'est exactement ce que j'attendais

Merci à tous pour votre réactivité

ced3E · Answer

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" >

Sparkle59 · Answer

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 : je cherche donc à afficher une image animée le temps du téléchargement du fichier image (1) Merci d'avance

pitet · Answer

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

// 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 Voilà l'idée, cela devrait résoudre ton problème. Bonne année

gouduile · Answer

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

Afficher une image avec input onclick

5 réponses

Discussions similaires