Primeiro que tudo, olá a todos, através de uma pesquisa no google encontrei este forum, espero que me possam ajudar. Estou a desnvolver uma radio para alojar online, e que é uma versão tipo media player, mas estou com uma dificuldade.
Bom eu criei uma animação com 4 imagens, a pause, que é o botao da pausa, a pausesel, que é o botao da pausa onmouseover, a play, que é o botao do play e o playsel, que é o botao play onmouseover. O que eu tenho é isto: quando se carrega a pagina aparece o pause, ao passar com o rato por cima aparece o pausesel, ao clicar aparece o play, mas como se esta com o rato por cima da imagem, aparece o playsel. Ao tirar o rato de cima da imagem aparece o pause. O que eu quero é que quando clicar no pause ele vá para o play e fique no play, depois de tirar o rato de cima da imagem continue la o play, e vice-versa, ou seja, quero o onmouseover fade-in, e o swap image on click.
<img src="pause.bmp" onmouseover="this.src='pausesel.bmp'" onmousedown="this.src='play.bmp'" onmouseup="this.src='playsel.bmp'" onmouseout="this.src='pause.bmp'">
poderão ver o que já fiz aqui: http://leoscout.com.sapo.pt
desculpem la o testamento e espero que me possam ajudar
cumprimentos, lx16
Web radio
Moderadores: Administradores, Moderadores
3 mensagens
• Página 1 de 1
por capricorn » Segunda Jun 26, 2006 0:06
Isso seria qq coisa do genero:
- Código: Seleccionar todos
<HTML><HEAD>
<script>
function mudabotao1() {
document.getElementById("xpto").onmouseup="mudabotao2()";
document.getElementById("xpto").onmousedown="document.getElementById('xpto').src='pause.bmp'";
document.getElementById("xpto").onmouseover="document.getElementById('xpto').src='playsel.bmp'";
document.getElementById("xpto").onmouseout="document.getElementById('xpto').src='play.bmp'";
}
function mudabotao2() {
document.getElementById("xpto").onmouseup="mudabotao1()";
document.getElementById("xpto").onmousedown="document.getElementById('xpto').src='play.bmp'";
document.getElementById("xpto").onmouseover="document.getElementById('xpto').src='pausesel.bmp'";
document.getElementById("xpto").onmouseout="document.getElementById('xpto').src='pause.bmp'";
document.getElementById("xpto").src="pause.bmp";
}
</script>
</HEAD>
<BODY>
<IMG id="xpto" onmouseup="mudabotao1()" onmousedown="this.src='play.bmp'" onmouseover="this.src='pausesel.bmp'" onmouseout="this.src='pause.bmp'" src="pause.bmp">
</BODY>
</HTML>
- capricorn
- Membro de Prata
- Mensagens: 383
- Registado: Sexta Ago 20, 2004 13:03
- Localização: Porto
3 mensagens
• Página 1 de 1
Quem está ligado:
Utilizador a ver este Fórum: Nenhum utilizador registado e 1 visitante