[Resolvido] Efeito de clicar em imagem e abrir uma pequena janela

[Renanbg 1]

Olá pessoal, não sei se no titulo consegui expressar direito o que desejo.

 

Em um site tenho uma galeria de miniaturas com diversos produtos e ao clicar em um deles se abre um apagina com esse produto ampliado, uma breve descrição e um link para comprar.

 

Como agora o mesmo produto terá 2 apresentações eu queria que ao clicar no botão comprar abrisse uma especia de popup para eu selecionar que apresentação desejo.

 

Seria algo bem semelhante ao link abaixo

 

http://www.eset.com/download/index.php

 

Cliquem em "Take me to my download" e depois onde diz "Choose your language" para ver o efeito que desejo criar.

 

Obrigado

[Thiago Eduardo Fronza 0]

Ola...

 

 

Qual o programa que voce usa para editar o site?

 

De qualquer forma uma maneira simples e você criar uma pagina com a imagem maior e sua descriçao, na pagina com a miniatura basta voce colocar um "map" (um link) e abri a pagina que voce fez com a imagem maior com uma "blank". Outra maneira é você usar javasript criando uma funçao e usando o metodo "on-clik" ai jah complica um pouco, veja se você consegue fazer desta forma mais simple se nao fala ae que tento ajudar.

[Thiago Eduardo Fronza 0]

Vixe cara depois que vi o link com o que você deseja criar, ai jah é mais complicado fazer esta parada, acho que deve se com javascript mesmo, infelizmente ainda estou no começo de JS tem que se alguem com mais experiencia, se conseguir a resposta me manda uma mensagem tambem quero apreder a fazer isso ai.

 

 

Boa Sorte!

[Henrique Barcelos 290]

Não é tão complicado...

 

Crie uma div, coloque o link dentro dela, no seu css deve conter:

 

#minha_div {
    position: relative;
}

Cria uma outra div dentro desta, depois do link, só que com o seguinte css:

 

 

#outra_div {
    position: relative;
    top: 20px /*Pode variar, escolha o que preferir*/
    left: 0; /*Idem...*/
}

O resto é só brincar com imagens...

[Renanbg 1]

Não entendi Rick.

 

O nome certo do que desejo me parece que é tooltip.

 

Pesquisei no google, mas não consegui achar uma forma de colocar ele em forma de clique na minha imagem "comprar"

[Renanbg 1]

Gostaria do mesmo efeito que tem no link Documentation do site abaixo

 

http://www.walterzorn.com/tooltip/tooltip_e.htm#docu

 

Porem gostaria que ao sair com o mouse de cima do tooltip ele se sumisse sem eu ter q clicar no "x" para fechar.

 

alguma dica de como fazer?

[Renanbg 1]

Resolvido, o arquivo tem um configurador com diversas opções para alterar.