mudar carregamento de imagens

[odenis 0]

olá a todos...

 

tenho o seguinte caso...

 

quando eu passo o mouse em um link ele carrega uma imagens em uma div...

quando eu clico no link ele fixa a imagen daquele link... se eu passar o mouse ele muda a imagem, se eu tirar o mouse ele deixa fixo a imagem do link que eu cliquei....

 

como eu faço.....

 

function chamaImage(valor) {

document.getElementById("cases").innerHTML = "<img src=images/"+valor+" border=0>";

}

faz com que a imagens seja exiba em uma div....

[William Bruno 1501]

Desculpa, não entendi.. qual é a dúvida ?

[odenis 0]

Desculpa, não entendi.. qual é a dúvida ?

 

 

http://www.fapnet.com.br/site/case.php

 

da uma olhada neste site....

 

quando você passa o mouse nos link's ele muda de imagem...

porém preciso fixar a imagem quando click.

 

quando eu passar o mouse em cima de outro link ele vai mudar a imagem so que quando eu tirar o mouse ele volta na imagem que foi clicada antes....

 

entendeu...

[klonder 14]

Isso pode ser realizado de várias maneiras:

 

1. Em java script:

1.1 - Você pode passar o valor da imagem atual via GET;

1.2 - Ou através de um cookie;

 

2. Em PHP, ou ASP, ou outra linguagem do gênero:

2.1 - Você pode passar o valor da imagem atual via GET;

2.2 - Utilizando cookies;

2.3 - Utilizando variáveis de sessão.

 

Essas são as maneiras mais fáceis de conseguir o que você deseja.

[odenis 0]

Isso pode ser realizado de várias maneiras:

 

1. Em java script:

1.1 - Você pode passar o valor da imagem atual via GET;

1.2 - Ou através de um cookie;

 

2. Em PHP, ou ASP, ou outra linguagem do gênero:

2.1 - Você pode passar o valor da imagem atual via GET;

2.2 - Utilizando cookies;

2.3 - Utilizando variáveis de sessão.

 

Essas são as maneiras mais fáceis de conseguir o que você deseja.

 

se não for muito incomodo.

teria como deixar um exemplo é que sou novato ....???

[klonder 14]

Uso de variáveis (Não há necessidade de serem variáveis de sessão):

Eu aconselharia o uso de variáveis, apenas para evitar a poluição visual na URL. No exemplo abaixo estou demonstrando em PHP:

 

<?php
$varURI = explode("/",$_SERVER ['REQUEST_URI']);
$varURI = $varURI[count($varURI)-1];


if ($varURI == "teste1.php") {
	$varFiguraAtual = "figura1.jpg";
}elseif($varURI == "teste2.php"){
	$varFiguraAtual = "figura2.jpg";
}elseif($varURI == "teste3.php"){
	$varFiguraAtual = "figura3.jpg";
}

echo "<img src=\"".$varFiguraAtual."\" title=\"".$varFiguraAtual."\">";
?>

Quando o usuário clicar no link, você irá atribuir um novo valor à variável (nesse caso: $varFiguraAtual ).

 

Método GET

Se você não se importar com o aumento da URL, pode capturar o valor da figura atual com o método GET, ou seja, passando o valor via link:

 

http://www.meusitelindinho.com.br?img=figura1.jpg

Através de PHP ou JavaScript, você recupera facilmente o valor de "img" do link acima. Como você está iniciando, sugiro mais uma vez fazer isso com alguma linguagem que rode do lado do servidor, devido à simplicidade do método. Em JavaScript você também recupera os valores passados via GET, mas o código-fonte fica mais extenso.

 

Por cookie

Pode ser utilizado tanto em PHP ou JavaScript, mas o uso de cookies seria minha última opção. Nesse caso, você armazenaria a figura atual em um cookie, capturando-a na página na qual a figura será a figura padrão.

 

Eu sei que cada um gosta de uma maneira. Gosto é gosto. Tem cara que gosta de mulher magrinha, outros mais altinhas, outros levam em consideração a cor dos olhos e cabelo, etc.

Eu prefiro o uso de variáveis somente, por simples facilidade de implementação do código e menor poluição visual na URL.