|
|
| |
| |
|
|
| |
|
Using multiple skins on one page |
|
Pickle only supports using a single skin per page. In order to use multiple skins on a single page you'll have to use an IFRAME.
One of the disadvantages of using an IFRAME is that "other players" will not automatically stop when the player int eh IFRAME starts.
 Download an example setup that uses an IFRAME
Essentially, you would set up an IFRAME on your pag as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE>My Page Title</TITLE>
<!-- Pickle Engine -->
<script src="path/to/pickle.js" language="JavaScript"></script>
<!-- Skin -->
<link href="path/to/_stylesheet.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<!-- PLAYER FOR THIS PAGE -->
<div data-media="song1.mp3"></div>
<br /><p> </p>
<!-- IFRAME PLAYER-->
<iframe src="iframe_other_player.html" width="310" height="70" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</BODY>
</HTML>
In the example above the file "iframe_other_player.html" is an HTML page that has a Pickle Player setup on it as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE>My Page Title</TITLE>
<!-- Pickle Engine -->
<script src="path/to/pickle.js" language="JavaScript"></script>
<!-- Skin -->
<link href="path/to/OTHER/_stylesheet.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<!-- PLAYER FOR THIS IFRAME PAGE -->
<div data-media="song1.mp3"></div>
</BODY>
</HTML>
Where "iframe_other_player.html" uses a different skin.
|
|
|
|
 |
|
 |
|
| |
|
|
|
examples
Licensing