Ir para conteúdo
Fórum Script Brasil

R3ALSTR!P

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    12

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por R3ALSTR!P

  1. Ajuda sobre um code

    em Ajax, JavaScript, XML, DOM

    Postado

    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>
&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:

  3. 2 Rollover Images simultâneos

    em Ajax, JavaScript, XML, DOM

    Postado · Editado por 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. Ao botar o cursor em sima da imagem substitui ela e outra

    em Ajax, JavaScript, XML, DOM

    Postado

    Creio que o código do fercosmig possa resolver o seu provlema.

    Você só precisa adaptá-lo para mudar as imagens que você quer.

    Seria mais ou menos assim:

    &lt;script language="javascript" type="text/javascript">
<!--
aux = 0;
function mudar(obj1, idobj2){
    obj2 = document.getElementById(idobj2);
    if (aux == 0){
       /*seta o estado inicial das imagens, ou seja, sem focus
        obj1.src = '004.jpg';
        obj2.src = '001.jpg';
        aux++;
    }else{
       /*troca as imagens quando o mouse estiver sobre as imagens (ou elemento que contém as mesmas)
        obj1.src = '003.jpg';
        obj2.src = '004.jpg';
        aux--;
    }    
}
-->
</script>
    Copreendes? espero ter ajudado.... flws!
    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: ???

  6. Ao botar o cursor em sima da imagem substitui ela e outra

    em Ajax, JavaScript, XML, DOM

    Postado · Editado por 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:

  9. Ao botar o cursor em sima da imagem substitui ela e outra

    em Ajax, JavaScript, XML, DOM

    Postado · Editado por R3ALSTR!P

    Como sei muito pouco de JavaScript eu preciso de uma ajudinha.

    imagemrx.png

    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.

    ;)

  10. Como e o codigo PHP p/ selecionar o style.css no website?

    em PHP

    Postado

    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!

×
×
  • Criar Novo...