Using images in playlist, Drop Down Playlist Jukebox Options

[alinford]

I use this playlist:
Drop Down Playlist Jukebox

I would like to use images for the buttons instead of the default buttons with text. The problem is that I cannot figure out how to use an image for the pause state in the script (the other buttons were very simple to change to an image).

The code that holds the text ('Pause) is near the bottom of the actual script:

<!-- begin code provided by createblog.com --><br /><br />  case 3: // Handles player after it starts to play<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = "Pause";<br />  shuffle = document.forms['form'].ShuffleSwitch.status;<br />  break;<br /><br /><!-- end code provided by createblog.com -->

I have tried just replacing that with several things:

<!-- begin code provided by createblog.com --><br /><br />  case 3: // Handles player after it starts to play<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = <img src="/jbcontrols/pause.gif">;<br />  shuffle = document.forms['form'].ShuffleSwitch.status;<br />  break;<br /><br /><!-- end code provided by createblog.com -->

and this:

<!-- begin code provided by createblog.com --><br /><br />  case 3: // Handles player after it starts to play<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = "<img src="/jbcontrols/pause.gif">";<br />  shuffle = document.forms['form'].ShuffleSwitch.status;<br />  break;<br /><br /><!-- end code provided by createblog.com -->

plus many other things. Could someone take a look at the attached code and let me know what I am doing wrong?

Attached File(s)

 jukebox.txt ( 6.65K ) Number of downloads: 14

 

[alinford]

Here is what I came up with:
Thought Spiral
Notice how the Play and Pause buttons switch.