Forums > Using images in playlist

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

alinford

Apr 3 2005, 11:51 PM

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?

IGB

Apr 4 2005, 01:16 AM

Try...
make new variable to represent image. then call variable instead.
var pause = new Image();
pause.src = '/jbcontrols/pause.gif'

then for

CODE

forms['form'].PlayPauseButton.innerHTML = <img src="/jbcontrols/pause.gif" width="23" height="22">;

get rid of innerHTML and set forms['form'].PlayPauseButton = pause;

these are not tested, I dont know if they work for sure. where's your site?

alinford

Apr 4 2005, 01:07 PM

I finally figured out how to do this. I will post the code later.

alinford

Apr 4 2005, 03:48 PM

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

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.