Ir ao conteúdo
  • Cadastre-se
João Gabrielfs98

HTML ampliar imagem ou clicar html

Recommended Posts

ola, preciso de ajuda  no meu projeto, e um projeto escolar , é um ecommerce.

Contudo estou com problemas para realizar a seguinte questão:

na view de produto, onde o cara poderá ver os detalhes do produto 

fotos e etc. Mais especificamente na imagem do produto eu queria que quando o usuário clicasse na imagem ela ampliasse transpondo a view original, cobrindo boa parte dela mas não toda ela, e tb que tivesse um fundo transparente.

ai vai uma exemplo de como eu queria que ficasse :

image.thumb.png.e7145200e8fdb6ebb35c88c7f6ac41a3.png

 

se alguem estiver disposto a ajudar eu mando os detalhes da view em questão. 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@João Gabrielfs98 Olá, seja bem vindo em nosso Clube do Hardware.

 

Como é um trabalho escolar, não podemos postar códigos prontos ou fazer  parte do exercício.

Contudo podemos indicar leituras e materiais sobre o assunto.

 

Nesse caso, o que você procura é uma galeria de imagens com modal. Você pode desenvolver com  HTML e Javascript do zero... ou optar por scripts já prontos, onde só exige que você saiba o jQuery para poder usar o plugin.

 

Aqui tem alguns plugins  que mais se aproximam do seu objetivo. 

Se pesquisar no google sobre galeria de imagens com jQuery  vai aparecer muita coisa boa :thumbsup:

  • Curtir 1
  • Obrigado 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×