[SOLVED] Can someone show me how I can add an image to work as a button?

HTML & CSS
1

Can someone show me how I can add an image to work as a button.

http://i.imgur.com/hARohAn.png

   <button id="playButton" style="cursor: pointer; font-family:Tahoma; font-weight: bold;font-size:14px; background-color:green;color:blue;padding:13px 6px " onclick="  
    var button = document.getElementById('playButton');
      var player = document.getElementById('player');
      if (player.paused) {
        playButton.innerHTML = 'Pause';
        playButton.style.backgroundColor = '#cc333f';
        playButton.style.padding = '13px 0px';
        player.play();
      } else {
        playButton.innerHTML = 'Play';
        playButton.style.backgroundColor = '#cc333f';
         playButton.style.padding = '13px 6px';
        player.pause();
      }">
      Play</button>
2

Hi there asasass,

the image in question is #3f48cc from top
to bottom and #3f48cc from left to right.

So why would you want or need to use it?

This, of course, is just a rhetorical question,
but it does keep my post count ticking over. :smiling_imp:

I don’t think that I will live long enough to be
able to match your remarkable and splendid
46.55 posts per day, though. :sob:

coothead

5 Likes
3

Never mind, @coothead. It’s quality that counts, not quantity.

5 Likes
4

Yep, you’re right. :ok_hand:

I definitely need to work a lot harder
on that requirement as well. :sunglasses:

coothead

1 Like
5

Can you show me how I can add an image as a play button?

6

What have you tried so far?

7

I got it, someone helped me with it:

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.