добавить событие в link a
Доброго времени всем! Есть вопрос но нет решения!
Подскажите если кто знает! Сам вопрос! По поисковому запросу у себя на тестовом сайте вывожу данные,описание,ссылки и.т.д в таблицу! "Циклом при мощи PHP с базы MYSQL" музыкального файла"также выводится картинка в виде кнопки play"! Помогите найти решение! Немогу сделать чтоб при нажатии на картинку play ссылка с url-ом песни попадала в плеер встроенный на сайте! "Начанала играть выбранная песня"! Зарание всем спасибо! Делаю на основе Jplayer Код js <script type="text/javascript"> $(document).ready(function(){ var my_jPlayer = $("#jquery_jplayer"), my_trackName = $("#jp_container .track-name"), my_playState = $("#jp_container .play-state"), my_extraPlayInfo = $("#jp_container .extra-play-info"); var opt_play_first = false, opt_auto_play = true, opt_text_playing = "Сейчас играет", opt_text_selected = "Выбирите трек"; var first_track = true; $.jPlayer.timeFormat.padMin = false; $.jPlayer.timeFormat.padSec = false; $.jPlayer.timeFormat.sepMin = ":"; $.jPlayer.timeFormat.sepSec = ""; my_playState.text(opt_text_selected); my_jPlayer.jPlayer({ ready: function () { $("#jp_container .track-default").click(); }, timeupdate: function(event) { my_extraPlayInfo.text(parseInt(event.jPlayer.status.currentPercentAbsolute, 10) + "%"); }, play: function(event) { my_playState.text(opt_text_playing); }, pause: function(event) { my_playState.text(opt_text_selected); }, ended: function(event) { my_playState.text(opt_text_selected); }, swfPath: "js", cssSelectorAncestor: "#jp_container", supplied: "mp3", wmode: "window" }); $("#jp_container .track").click(function(e) { my_trackName.text($(this).text()); my_jPlayer.jPlayer("setMedia", { mp3: $(this).attr("href") }); if((opt_play_first && first_track) || (opt_auto_play && !first_track)) { my_jPlayer.jPlayer("play"); } first_track = false; $(this).blur(); return false; }); }); </script> Код hml <body> <div id="jquery_jplayer"></div> <center> <div id="jp_container" class="demo-container"><!-- Плеер --> <p> <span class="play-state"></span> : <span class="track-name">ничего</span> <span class="extra-play-info"></span> <span class="jp-current-time"></span> | <span class="jp-duration"></span> </p> <ul> <li><a class="jp-play" href="#" tabindex="1">Играть</a></li> <li><a class="jp-pause" href="#"tabindex="1">Пауза</a></li> <li><a class="jp-stop" href="#">Стоп</a></li> </ul> <ul> <li>Громкость :</li> <li><a class="jp-mute" href="#">Заглушить</a></li> <li><a class="jp-unmute" href="#">Включить звук</a></li> <li> <a class="jp-volume-bar" href="#">|<---------->|</a></li> <li><a class="jp-volume-max" href="#">Максимально</a></li> </ul> </div> <div id="jp_container" class="results"> <ul> <li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track track-default">Название_1</a> | <a href="#"><i>к примеру: inna</i></a></li> </ul> <ul> <li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track">Название_2</a> | <a href="#"><i>к примеру: medina</i></a></li> </ul> 1) <a href="#">тут картинка в виде play</a> при нажатии остановка предыдущей песни и запуск выбронной в данный момент 2)<a class="song_play"><img src="тут картинка в виде play"></a> думаю так правильней! Всё сори праблему решил сам! |
Ребят у меня созрел следующий вопрос как зделать автопроигрование
следующей песни из списка? |
Часовой пояс GMT +3, время: 15:59. |