litePlayer - Add Sound to Any Website the Quick and Easy Way!

Tab Rollover Effects

This demonstrates how litePlayer™ can be used to add sound effects to navigation tabs and menus. In this example, all tabs triggers a common player instance via external control.

CODE:

<DIV id="LP"></DIV>
<SCRIPT type="text/javascript">
var settings = { file: "sound.mp3" };
swfobject.embedSWF("litePlayer.swf","LP","0","0","9",null,settings);
</SCRIPT>


<a onMouseOver="document.getElementById('LP').liteplayer_touch();" href="home.html"><img src="home_tab.gif" border="0" /></a>

<a onMouseOver="document.getElementById('LP').liteplayer_touch();" href="about.html"><img src="about_tab.gif" border="0" /></a>

<a onMouseOver="document.getElementById('LP').liteplayer_touch();" href="services.html"><img src="services_tab.gif" border="0" /></a>

<a onMouseOver="document.getElementById('LP').liteplayer_touch();" href="links.html"><img src="links_tab.gif" border="0" /></a>

<a onMouseOver="document.getElementById('LP').liteplayer_touch();" href="support.html"><img src="support_tab.gif" border="0" /></a>

<a onMouseOver="document.getElementById('LP').liteplayer_touch();" href="contact.html"><img src="contact_tab.gif" border="0" /></a>

NOTE: In some cases, external controls will not work if the player is hidden by setting its size to 0 x 0 pixels. The solution is to set the player size to 6 x 6 pixels (minimum), then set its color and bgcolor to the match the page background.

CODE:

<DIV id="LP"></DIV>
<SCRIPT type="text/javascript">
var settings = { file: "sound.mp3", color: "FFFFFF", bgcolor: "FFFFFF" };
swfobject.embedSWF("litePlayer.swf","LP","6","6","9",null,settings);
</SCRIPT>

67039