(Resolvido) Abrir Imagem

[Guest --mardegan --]

Pessoal.

Sou novo por aqui e estou precisando de ajuda, por favor.

Vi em alguns sites algo do tipo:

você tem uma imagem em miniatura e quando o mouse é posicionado sobre essa miniatura, ao lado ou em qualquer outro ponto da página, num espaço pré definido, abre-se uma imagem em tamanho grande. Não consegui descobrir ainda como fazer isso.

Pelo que já lí, parece estar relacionado com "trabalho com camadas" tentei várias forma, atribuindo comportamento e nada......

Alguém sabe como faço isso?????

Obrigado.

[Norivan Oliveira]

Você pode usar o Behavior 'show/hide elements' para isso:

1. crie uma div invisivel com a foto em tamanho maior

2. crie um thumb com a foto em tamanho menor na pagina

3. selecione o thumb, clique no botao + do painel behavior (shift+f4)

4. selecione show/hide elements

5. selecione a camada que você criou clique em show

Agora voê faz o inverso para qque quando o cara clique fora a foto grande desapareça

[Guest --Mardegan --]

Norivan:

Cara, não consegui!

Acho que estou meio passado.

O que eu queria fazer é algo assim: dê uma olhada nesse link se não for te pedir demais

www.maramello.com.br/doces_baravoises.asp

Grande abraço

Você pode usar o Behavior 'show/hide elements' para isso:

1. crie uma div invisivel com a foto em tamanho maior

2. crie um thumb com a foto em tamanho menor na pagina

3. selecione o thumb, clique no botao + do painel behavior (shift+f4)

4. selecione show/hide elements

5. selecione a camada que você criou clique em show

Agora voê faz o inverso para qque quando o cara clique fora a foto grande desapareça

[_Vinny_]

Que eu conheço, é possivel fazer esse efeito no Fireworks. também conhecido como album de fotos. Tem as imagens pequenas que quando passa o mouse encima delas, ao lado, ou acima, ou onde quiser coloca, aparece a imagem grande.

Só conheço esse jeito de fazer =/

Editado Setembro 6, 2008 por _Vinny_

[Norivan Oliveira]

Mardegan,

O que o cara do site usou foi a mesma coisa que te falei, veja o codigo dele:

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

É isso ai mesmo que eu te falei, a única diferença é que o estado da inicial div é vissible e o evento do mouse é onmouseover.

Talvez não tenha explicado direito. Me diga no que você está tendo dificuldade, qual parte não conseguiu fazer?

[Guest --Mardegan --]

Ufa....funcionou. Que baile!

Valeu a força, Norivan

Obrigado.