R3ALSTR!P
Membros-
Total de itens
12 -
Registro em
-
Última visita
Sobre R3ALSTR!P
Perfil
-
Gender
Male
R3ALSTR!P's Achievements
0
Reputação
-
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:
-
2 Rollover Images simultâneos
pergunta respondeu ao R3ALSTR!P de R3ALSTR!P em Ajax, JavaScript, XML, DOM
To sabendo :D Vou testar. Multissimo OBRIGADO :lol: --- EDITADO --- Obrigado cara, funcionou. Só se esqueceu de fechar a tag script! Abraço, tchau ^_^ -
2 Rollover Images simultâneos
pergunta respondeu ao R3ALSTR!P de R3ALSTR!P em Ajax, JavaScript, XML, DOM
Claro que a intenção é sair do básico, eu aprendi HTML e CSS sozinho, tenho apenas 15 anos e precisava deste código para um projeto meu, visualizando os códigos com o raciocínio lógico sempre vou aprendendo. Vou liberar o video, ficaria muito grato mesmo se conseguisse fazer isso por mim, com certeza não vou mais esquecer esse código porque vou usar bastante. Obs. aprendi a usar Sony Vegas para fazer o video :rolleyes: Video liberado: http://www.youtube.com/watch?v=1nLpzzWnRKQ...player_embedded :blush: -
Queria 2 rollover images simultâneos como deste video que fiz para explicar: http://www.youtube.com/watch?v=1nLpzzWnRKQ Eu gostaria que alguém fizesse o código, pois só sei o basico de JavaScript. Desde já obrigado :blush:.
-
Ao botar o cursor em sima da imagem substitui ela e outra
pergunta respondeu ao R3ALSTR!P de R3ALSTR!P em Ajax, JavaScript, XML, DOM
Pois é, tinha pensado desta maneira antes... mas não funcionou muito bem. Eu fiz assim:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Praticando</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript"> <!-- aux = 0; function mudar(obj1, idobj2){ obj2 = document.getElementById(idobj2); if (aux == 0){ obj1.src = '004.jpg'; obj2.src = '001.jpg'; aux++; }else{ obj1.src = '002.jpg'; obj2.src = '003.jpg'; aux--; } } --> </script> </head> <body> <img src="001.jpg" id="a" onMouseOver="mudar(this,'b');" onMouseOut="mudar(this,'b');"/> <img src="004.jpg" id="b" onMouseOver="mudar(this,'a');" onMouseOut="mudar(this,'a');"/> </body> </html> Mas ficou tudo bugado, será que eu devo mexer aqui?<img src="001.jpg" id="a" onMouseOver="mudar(this,'b');" onMouseOut="mudar(this,'b');"/> <img src="004.jpg" id="b" onMouseOver="mudar(this,'a');" onMouseOut="mudar(this,'a');"/> :unsure: ??? -
Ao botar o cursor em sima da imagem substitui ela e outra
pergunta respondeu ao R3ALSTR!P de R3ALSTR!P em Ajax, JavaScript, XML, DOM
O script funcionou perfeitamente mas não era o que eu queria. O que acontece? - As imagens 1 e 2 trocam de lugar uma com a outra, ou seja, existem 2 imagens. Vou explicar de outra maneira o que eu quero que aconteça: - Exitem 4 imagens. Quando bota o cursor SOMENTE na imagem 1 ela se substitui pela imagem 3 e ao mesmo tempo [com o cursor ainda na imagem 1] a imagem 2 vai se substituir pela imagem 4. Também quero que o mesmo ocorra quando o cursor estiver SOMENTE na imagem 2. Desde já, obrigado. :blush: -
Ao botar o cursor em sima da imagem substitui ela e outra
pergunta respondeu ao R3ALSTR!P de R3ALSTR!P em Ajax, JavaScript, XML, DOM
Grande fercosmig! Vou tentar fazer, qualquer coisa vou postar aqui. Obrigado, valeu! :D -
Ao botar o cursor em sima da imagem substitui ela e outra
pergunta respondeu ao R3ALSTR!P de R3ALSTR!P em Ajax, JavaScript, XML, DOM
Eu digo... quando bota o cursor somente na imagem 1 ela se substitui e ao mesmo tempo a imagem 2 se substitui também e não um separado do outro. Teria como fazer um código de exemplo disso? iria facilitar muito para mim. Desde já, obrigado. :blush: -
Como sei muito pouco de JavaScript eu preciso de uma ajudinha. Estou fazendo um site eu gostaria de saber como fazer para quando a pessoa botar o cursor somente em sima da imagem 1 ela se substitui por outra e a imagem 2 também se substitui por outra e vice-versa, quando botar o cursor somente em sima da imagem 2 ela se substitui por outra e a imagem 1 também se substitui por outra. Obs: ao tirar o cursor, a imagem volta à original. ATENÇÃO: Não precisa ser necessariamente JavaScrip, desde que faça isso. Desde já, obrigado. ;)
-
Meu codigo de teste ficou assim: http://binhoimitador.com.br/swtch_stylesheet/index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swtch Stylesheet</title> </head> <body> <div id="tipt">TITULO</div> <div id="tipc">CONTEUDO</div> <?php switch ($_REQUEST["styles"]) { case "1": $link_css = "verde.css"; break; case "2": $link_css = "azul.css"; break; default: $link_css = "verde.css"; break; } echo '<link href="' . $link_css . '" media="screen" rel="stylesheet" type="text/css" /> <form action="index.php" method="post"> <select name="styles" size="1" onChange="this.form.submit();"> <option value="1">Verde</option> <option value="2">Azul</option> </select></form>'; ?> </body> </html> Ocorre um probleminha... seleciono azul, troca o style normalmente, mas quando vou trocar para o verde (padrão) de novo não troca. Ajuda Desde já, obrigado!
-
Cara eu acho que e isso... vou testar. Valeu cara. :lol:
-
Como e o codigo PHP p/ selecionar o style.css no website? O selecionador e p/ ser como aqule que tem aqui nesse forum, em baixo, p/ selecionar a linguagem. So que invez da linguagem vai ser o stylesheet do meu website. Desde já, obrigado! :rolleyes: