Подмена url картинки
Как бы так сделать чтобы при нажатии на ссылку передался id с ссылки в скрипт и потом по соответственном id в картинке заменился url с play.png на stop.png?
Или может это можно сделать както по проще? <html>
<body>
<script type='text/javascript'>
function play(name, comment)
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="swf/ump3player_500x70.swf" height="52" width="350"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="swf/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way='+name+'&swf=swf/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment='+comment+'" /></object></center> ';
/*переменная или функция для передачи url*/
}
</script>
<a title='Играть' class='link' OnClick='play("linkin_park_numb.mp3","Linkin Park - Numb");'>k<img id='linkin_park_numb' src='play.png'></a>
<div id='Result' style='dysplay:none'></div>
</body>
</html>
|
var player={
play:function(a,b,c){
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="swf/ump3player_500x70.swf" height="52" width="350"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="swf/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way='+a+'&swf=swf/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment='+b+'" /></object></center> ';
player.current=!player.current;
document.getElementById(c).src=player.src[player.current?1:0]+'.png'
},
src:['play','stop'],
current:false
}
<a href="#" onclick="player.play('song.mp3','name','id_src')"><img src="play.png" id="id_src"></a>
|
картинка меняется а плеер не пашет...
функция замены url должна быть как то в средине функции play чтобы именно когда срабатывает вывод плеера тогда чтобы и заменялся url <html>
<body style='background-color:black;'>
<script type='text/javascript'>
var player={
play:function(a,b,c){
function play(name, comment)
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="swf/ump3player_500x70.swf" height="52" width="350"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="swf/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way='+name+'&swf=swf/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment='+comment+'" /></object></center> ';
}
player.current=!player.current;
document.getElementById(c).src=player.src[player.current?1:0]+'.png'
},
src:['play','stop'],
current:false
}
</script>
<a href="#" onclick="player.play('song.mp3','name','id_src')"><img src="play.png" id="id_src"></a>
<div id='Result' style='dysplay:none'></div>
</body>
</html>
|
а 'song.mp3','name' именил на "linkin_park_numb.mp3","Linkin Park - Numb" ? :D
смотри моё предыдущее сообщение.. |
var player={
play:function(a,b,c){
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="http://andbest.com/swf/ump3player_500x70.swf" height="52" width="350"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://andbest.com/swf/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way='+a+'&swf=http://andbest.com/swf/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment='+b+'" /></object></center> ';
player.current=!player.current;
document.getElementById(c).src=player.src[player.current?1:0]+'.png'
},
src:['play','stop'],
current:false
}
<a href="#" onclick="player.play('song.mp3','name','id_src')"><img src="play.png" id="id_src"></a>
<div id='Result' style='dysplay:none'></div>
Я вставил прямые ссылки к плееру проверь неработает:( А причем здесь линкин парк на его месте может быть каждый :lol: это я про переменные:D Плеер должен запуститься даже при не верном url mp3 адреса |
| Часовой пояс GMT +3, время: 14:11. |