Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcushey

efeito? o mouse para em cima da foto e ela abre um pouquinho...

Por , em Javascript

Recommended Posts

Weverton N    0

Weverton N
Postado

Movideo de Flash e Actionscript.

 

 

**Amigo, evite utilizar Urgente no título do tópico, é contra as regras.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wan-Dall    0

Wan-Dall
Postado

Imagem Postada

 

Alguém sabe faze esse efeito? o mouse para em cima da foto e ela abre um pouquinho maior, não é feito com flash né com oq é feito alguém pode me ajudar?

 

att, marcus http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

cara, fiz um, mais ou menos, com js...

 

index.htm:

 

CODE
<!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>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="estilo.css" />

<script language="javascript" type="text/javascript" src="_funcoes.js"></script>

</head>

 

<body>

<div class="foto">

<img src="../hh49_spitzer_f.jpg" onmouseover="java script:escondeMostra('foto1');" />

<img src="../hh49_spitzer_f.jpg" onmouseover="java script:escondeMostra('foto2');" />

<img src="../valetudokg1.gif" onmouseover="java script:escondeMostra('foto3');" />

</div>

<div class="mostra">

<img id="foto1" src="../hh49_spitzer_f.jpg" />

<img id="foto2" src="../hh49_spitzer_f.jpg" />

<img id="foto3" src="../valetudokg1.gif" />

</div>

</body>

</html>

estilo.css:

 

CODE

@charset "utf-8";

/* CSS Document */

 

.foto IMG {

width : 120px;

height : 90px;

}

 

.mostra IMG {

width : 200px;

height : 150px;

position : absolute;

top : 60px;

left : 60px;

display : none;

}

funcoes.js

 

CODE
function escondeMostra(objeto) {

elemento = 'document.getElementById(\'' + objeto + '\')';

if(eval(elemento).style.display == 'none' || eval(elemento).style.display == ''){

mostra(objeto);

} else {

esconde(objeto);

}

}

 

bom, pelo menos acho que esse é o caminho...

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vadio    13

Vadio
Postado

consigo fazer isso com ajax para q a página não fique muito carregada com fotos grandes.

eric_freitas@hotmail.com

chego em casa perto da meia noite e sempre abro o msn... add eu pra agt converçar.

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Titulo editado por estar em DESACORDO com as regras.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito