Abrir miniatura em POP UP

[Denis Sousa]

Boa tarde ae galera.

to com uma duvida que não me deixa nem dormi. Seguinte:

To montando uma pagina onde tem uns produtos correto..

esse produtos estam em miniaturas, queria saber como faço para o

cliente passar o mouse sobre a imagem e ela ficar maior. Lembrando que

tenho uma tabela com 9 produtos, então não da pra abrir a imagem grande

nesse tabela senão vai zonear tudo, minha ideia era tipo um pop up, mais que

fechasse quando tirar o mouse de cima.

Aguardo um socorro ae!

falou! :ninja:

[fercosmig]

usa uma div com style display setado para none e position absolute

onmouseover da miniatura você chama uma função que recebe o nome da foto como parametro

com innerHTML você coloca a foto na div e seta o display para inline

no onmouseout você chama uma função que somente seta o display da div para none

[Denis Sousa]

Cara, vou ser sincero com você.

não manjo muito disso ae não..

sou iniciante saca...

se poder ser mais claro vai ajudar D+

valeu...

e mal ae por não sacar tanto assimmmm!

[fercosmig]

innerHTML => http://www.w3schools.com/htmldom/prop_anchor_innerhtml.asp

onmouseover => http://www.w3schools.com/jsref/jsref_onmouseover.asp

onmouseout => http://www.w3schools.com/jsref/jsref_onmouseout.asp

style display => http://www.w3schools.com/css/pr_class_display.asp

div => http://www.w3schools.com/tags/tag_div.asp

position => http://www.w3schools.com/css/pr_class_position.asp

exemplo
// display
document.getElementById('id_da_div').style.display = 'none';
document.getElementById('id_da_div').style.display = 'inline';

//innerHTML
document.getElementById('id_da_div').innerHTML = parametro;

[Denis Sousa]

:blush: vou da um lida, mas não manjo dessas linguagem não...

se alguém tiver algo mais facil...

valeu....

valeu moderador... vou tentar aqui!

[Denis Sousa]

Vou tentar explicar dando um exemplo certo...

tem o site www.pontofrio.com.br

lá nas ofertas tem as imagem dos produtos...

o que eu qro e q quando a pessoa passe o mouse sobre a figura ela fique maior, num outra janela, e feche quando tirar o mouse...

Ajuda ae de forma mais clara e direta!

obrigado !!!

[ESerra]

O que acontece ali no ponto frio é, o cara abre um pop-up no link e passa parâmetros que serão lidos pela linguagem dinâmica usada na loja e essa linguagem vai abrir a imagem maior...

O que o moderador passou é exatamente o que você precisa pra fazer o que você quer... dê uma pesquisa, e volte ao fórum, é o jeito mais correto de aprender, porque quem pega um código já funcionando geralmente não se dá ao trabalho de pensar o "como" foi feito.

[KaKarotto]

É Denis, os moderadores não são maldosos, que não querem dar o código pronto pra você e tal. Mas acontece é que o seu problema é muito simples de resolver, você pode conseguir sozinho mesmo não sabendo essas linguagens como comentou.

Veja, você vai ter que aprender, não tem jeito, porque não dá pra pegar tudo pronto entende? Vai ter que ralar carinha...se está montando um site, tem que no minimo saber sobre html, css e um pouquinho que seja de javascript, é como se eu tentasse consertar um carro sem saber o que cada componente faz, fica muito difícil.

O que eu posso fazer é te dar dicas. Aprenda o html, css que é facil, vá la no site do maujor.com que lá ensina a fazer varias coisas. criarweb.com pra quem está começando também é ótimo. Faça o que está querendo fazer antes em Html e Css, deixa o efeito em javascript pra depois que daí a gente te ajuda.

Não sei como anda o que está fazendo, então estou assumindo que não está nada pronto ainda.

Abraço o/

[ESerra]

Só pra não dizer que a gente não ajuda dando soluções prontas... o lightbox faz isso que você quer de forma bem mais elegante...