Comment mettre une image sur un bouton
Bonjour à vous,
Ne connaissant pas grand chose à javascript je me heurte à un problème.
je crée un timer avec trois boutons play/pause, reset , et reset total.
je vous met le code javascript d'une de mes fonction :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| //cette fonction est appelée quand le bouton démarré est cliqué.
function Toggle(button){
Pause = !Pause;
if (Pause){
button.value = "Pause";
}
else{
if (StoppedAtRoundLimit){
RoundCount = 0;
StoppedAtRoundLimit = false;
}
NotStarted = false;
lasttime = new Date();
// Starting...
button.value = "Pause";
Countdown();
}
} |
et le html :
Code:
1
2
3
4
5
| <div id="demarrer" style="display:inline-block;">
<ul>
<li><figure><img src="" id="btnStart" class="Start" type="button" onClick="Toggle(this);"/><figcaption>test</figcaption></figure></li>
</ul>
</div> |
le code fonctionne bien mais je voudrais que le button.value ne soit pas Pause mais une image je n'arrive pas a l'insérer .
Si une bonne âme pourrais m'aider je lui en serais très reconnaissant.
Merci ;-)
Est ce possible ?
