Com esse codigo consegui fazer os rollover simultanios que queria, mas o problema que são todos ao mesmo tempo. Eu queria que fosse de 2 em 2 ou 3 em 3. Intão tentei fazer o seguinte code [não domino o javascript], falhei :
<head>
<script>
//aqui seria o primeiro grupo a faze rollover simultaneo.
function maquinaMouseEmCima(){
document.getElementById('minhaImagemUm').src = 'images/site_old_09.jpg'
document.getElementById('minhaImagemDois').src = 'images/site_old_10.jpg'
document.getElementById('minhaImagemTres').src = 'images/site_old_19.jpg'
document.getElementById('minhaImagemQuatro').src = 'images/site_old_20.jpg'
}
function maquinaMouseFora(){
document.getElementById('minhaImagemUm').src = 'images/site_09.jpg'
document.getElementById('minhaImagemDois').src = 'images/site_10.jpg'
document.getElementById('minhaImagemTres').src = 'images/site_19.jpg'
document.getElementById('minhaImagemQuatro').src = 'images/site_20.jpg'
}
//aqui seria o SEGUNDO grupo a faze rollover simultaneo.
function hist(){
document.getElementById('site16').src = 'images/site_old_16.jpg'
}
function hist(){
document.getElementById('site16').src = 'images/site_16.jpg'
}
</script>
</head>
<body>
//primeiro grupo
<img src="images/site_09.jpg" id="minhaImagemUm" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=180 height=251>
<img src="images/site_10.jpg" id="minhaImagemDois" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=139 height=176>
<img src="images/site_19.jpg" id="minhaImagemTres" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=85 height=54>
<img src="images/site_20.jpg" id="minhaImagemQuatro" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=115 height=123>
//segundo
<img src="images/site_16.jpg" id="site16" onmouseover="hist()" onMouseOut="hist()" width=58 height=33>
<body>
Pergunta
R3ALSTR!P
Olá, nesse tópico "Varios Rollover Images simultâneos", obtive o seguinte code:
<script> function mouseEmCima(){ document.getElementById('minhaImagemUm').src = 'novaimagem.jpg' document.getElementById('minhaImagemDois').src = 'novaimagem_02.jpg' } function mouseFora(){ document.getElementById('minhaImagemUm').src = 'imagempadrao.jpg' document.getElementById('minhaImagemDois').src = 'imagempadrao_02.jpg' } </script> <img src="imagempadrao.jpg" id="minhaImagemUm" onmouseover="mouseEmCima()" onmouseout="mouseFora()"/> <img src="imagempadrao_02.jpg" id="minhaImagemDois" onmouseover="mouseEmCima()" onmouseout="mouseFora()"/>Com esse codigo consegui fazer os rollover simultanios que queria, mas o problema que são todos ao mesmo tempo. Eu queria que fosse de 2 em 2 ou 3 em 3. Intão tentei fazer o seguinte code [não domino o javascript], falhei :<head> <script> //aqui seria o primeiro grupo a faze rollover simultaneo. function maquinaMouseEmCima(){ document.getElementById('minhaImagemUm').src = 'images/site_old_09.jpg' document.getElementById('minhaImagemDois').src = 'images/site_old_10.jpg' document.getElementById('minhaImagemTres').src = 'images/site_old_19.jpg' document.getElementById('minhaImagemQuatro').src = 'images/site_old_20.jpg' } function maquinaMouseFora(){ document.getElementById('minhaImagemUm').src = 'images/site_09.jpg' document.getElementById('minhaImagemDois').src = 'images/site_10.jpg' document.getElementById('minhaImagemTres').src = 'images/site_19.jpg' document.getElementById('minhaImagemQuatro').src = 'images/site_20.jpg' } //aqui seria o SEGUNDO grupo a faze rollover simultaneo. function hist(){ document.getElementById('site16').src = 'images/site_old_16.jpg' } function hist(){ document.getElementById('site16').src = 'images/site_16.jpg' } </script> </head> <body> //primeiro grupo <img src="images/site_09.jpg" id="minhaImagemUm" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=180 height=251> <img src="images/site_10.jpg" id="minhaImagemDois" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=139 height=176> <img src="images/site_19.jpg" id="minhaImagemTres" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=85 height=54> <img src="images/site_20.jpg" id="minhaImagemQuatro" onmouseover="maquinaMouseEmCima()" onMouseOut="maquinaMouseFora()" width=115 height=123> //segundo <img src="images/site_16.jpg" id="site16" onmouseover="hist()" onMouseOut="hist()" width=58 height=33> <body>Desde já, OBRIGADO :blush:
AJUDA :unsure:
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.