Помогите с jPlayer
Установил себе на сайт jpayer, все хорошо работает.
При нажатии на ссылку, начинает играть песня, и когда доходит до конца, то просто останавливаетя, а я хочу сделать так, чтобы начинала играть следующая.
Код:
<script type="text/javascript">
<!--
$(function(){var global_lp = 0;
$("#jquery_jplayer").jPlayer({
ready: function ()
{this.element.jPlayer("setFile", "").jPlayer("play");showPauseBtn();demoInstanceInfo(this.element, $("#demo_info"));},
swfPath: "../js",customCssIds: true})
.jPlayer("onProgressChange", function(lp,ppr,ppa,pt,tt) {
var lpInt = parseInt(lp);var ppaInt = parseInt(ppa);global_lp = lpInt;
$('#loaderBar').progressbar('option', 'value', lpInt);
$('#sliderPlayback').slider('option', 'value', ppaInt);})
.jPlayer("onSoundComplete", function() {this.element.jPlayer("stop");});
$("#pause").hide();
function showPauseBtn()
{$("#play").fadeOut(function(){$("#pause").fadeIn();});}
function showPlayBtn()
{$("#pause").fadeOut(function(){$("#play").fadeIn();});}
function playTrack(t,n)
{$("#jquery_jplayer").jPlayer("setFile", t).jPlayer("play");showPauseBtn();$("#trackname").fadeOut(function(){$("#trackname").text(n);$("#trackname").fadeIn();});
$("#pcent").fadeOut(function(){$("#pcent").fadeIn();});return false;}
$("#1").click(function() {
$(this).blur();
return(playTrack("/uploads/audio/music/3-1.mp3",$("#1").text()));
});
$("#2").click(function() {
$(this).blur();
return(playTrack("/uploads/audio/music/3-2.mp3",$("#2").text()));
});
$("#play").click(function() {$("#jquery_jplayer").jPlayer("play");showPauseBtn();$(this).blur();return false;});
$("#play").click(function() {$("#jquery_jplayer").jPlayer("play");showPauseBtn();return false;});
$("#pause").click(function() {$("#jquery_jplayer").jPlayer("pause");showPlayBtn();return false;});
$("#stop").click(function() {$("#jquery_jplayer").jPlayer("stop");showPlayBtn();return false;});
$("#volume-min").click( function() {$('#jquery_jplayer').jPlayer("volume", 0);$('#sliderVolume').slider('option', 'value', 0);
return false;});
$("#volume-max").click( function() {$('#jquery_jplayer').jPlayer("volume", 100);
$('#sliderVolume').slider('option', 'value', 100);return false;});
$("#player_progress_ctrl_bar a").live( "click", function() {$("#jquery_jplayer").jPlayer("playHead", this.id.substring(3)*(100.0/global_lp));return false;});
$('#sliderPlayback').slider({max: 100, range: 'min',animate: true,slide: function(event, ui) {$("#jquery_jplayer").jPlayer("playHead", ui.value*(100.0/global_lp));}});
$('#sliderVolume').slider({value : 50,max: 100,range: 'min',animate: true,slide: function(event, ui) {
$("#jquery_jplayer").jPlayer("volume", ui.value);}});
$('#loaderBar').progressbar();
$('#dialog_link, ul#icons li').hover(function() { $(this).addClass('ui-state-hover'); },function() { $(this).removeClass('ui-state-hover'); });
});
-->
</script>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
<thead>
<tr>
<th width="30"></th>
<th>Название</th>
<th width="55">Тип</th>
<th width="80">Длина</th>
<th width="80">Размер</th>
<th width="90">Скачать</th>
</tr>
</thead>
<tbody>
<tr class="gradeC">
<td align="center"><img src="/templates/Default/dleimages/icons/back.png" alt=""/></td>
<td align="center"><a class="m" href="/music.html"><strong>----- Вернутся на главную страницу -----</strong></a></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr class="gradeA">
<td align="center"><img style="vertical-align:middle" src="/templates/Default/dleimages/icons/mp3.png" alt=""/></td>
<td><a title="Прослушать" class="m" id="1" href="#">1</a></td>
<td align="center">.mp3</td>
<td align="center">0:01:41</td>
<td align="center">2.31 MB</td>
<td align="center"><a class="m" href="/uploads/audio/music/3-1.mp3"><img style="vertical-align:middle" src="/templates/Default/dleimages/icons/dow.png" alt=""/> <strong>Скачать</strong></a></td>
</tr>
<tr class="gradeC">
<td align="center"><img src="/templates/Default/dleimages/icons/mp3.png" alt=""/></td>
<td><a title="Прослушать" class="m" id="2" href="#">2</a></td>
<td align="center">.mp3</td>
<td align="center">0:03:52</td>
<td align="center">5.30 MB</td>
<td align="center"><a class="m" href="/uploads/audio/music/3-2.mp3"><img style="vertical-align:middle" src="/templates/Default/dleimages/icons/dow.png" alt=""/> <strong>Скачать</strong></a></td>
</tr>
</tbody>
<tfoot>
<tr>
<th width="40"></th>
<th></th>
<th width="55"></th>
<th width="80"><strong>0:46:10</strong></th>
<th width="80"><strong>20</strong></th>
<th width="80"><strong>52.80 mB</strong></th>
</tr>
</tfoot>
</table>
|