Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.03.2011, 13:50
Новичок на форуме
Отправить личное сообщение для SanyCF Посмотреть профиль Найти все сообщения от SanyCF
 
Регистрация: 30.03.2011
Сообщений: 5

Помогите с 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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться!!! Greendumb Общие вопросы Javascript 8 19.08.2010 14:04
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 23:50
помогите задать переменную в js bsgroupua Общие вопросы Javascript 3 01.02.2010 18:28
помогите задать селектор! mkrylov jQuery 2 28.06.2009 20:34