title: How can I make different images display when this element is toggled, rather than text
body: <p>I'm working on a project that already has most of the work completed.  I would just like to change this element to display images instead of the text "Pause Audio" and "Continue  Audio". </p>
  
  <p>Thanks in advance.</p>
  
  <pre><code>var player = new MediaElementPlayer('audio', {
      audioWidth: 0,
      features: [], 
      success: function (mediaElement, domObject) {}
  });
  
  var audioOn = true;
      var audioSrc = '';
      function playSoundClip(path)
      {
          player.pause();
          audioSrc = path;
          player.setSrc(audioSrc);        
          if (audioOn)
          {
              player.play();
          }
      }
      function audioToggle(toggleAnchor)
  {
      if (audioOn)
      {
          player.pause();
          audioOn = false;
          $(toggleAnchor).html('**Continue Audio**');
      }
      else
      {
          audioOn = true;
          $(toggleAnchor).html('**Pause Audio'**);
          if (audioSrc.length &gt; 0)
          {
              player.play();
          }
      }
  }
  </code></pre>