Ir para conteúdo
Fórum Script Brasil

R3ALSTR!P

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    12

  • Registro em

  • Última visita

Sobre R3ALSTR!P

Perfil

  • Gender
    Male

R3ALSTR!P's Achievements

0

Reputação

  1. R3ALSTR!P
    Olá, nesse tópico "Varios Rollover Images simultâneos", obtive o seguinte code: &lt;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> &lt;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. R3ALSTR!P

    5 estrlas pra você xD

    Mostrar mais  
  3. R3ALSTR!P
    To sabendo :D Vou testar. Multissimo OBRIGADO :lol: --- EDITADO --- Obrigado cara, funcionou. Só se esqueceu de fechar a tag script! Abraço, tchau ^_^
  4. R3ALSTR!P
    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:
  5. R3ALSTR!P
    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:.
  6. R3ALSTR!P
    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" /> &lt;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: ???
  7. R3ALSTR!P
    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:
  8. R3ALSTR!P
    Grande fercosmig! Vou tentar fazer, qualquer coisa vou postar aqui. Obrigado, valeu! :D
  9. R3ALSTR!P
    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:
  10. R3ALSTR!P
    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. ;)
  11. R3ALSTR!P
    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!
  12. R3ALSTR!P
    Cara eu acho que e isso... vou testar. Valeu cara. :lol:
  13. R3ALSTR!P
    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:
×
×
  • Criar Novo...