HTML ampliar imagem ou clicar html

[João Gabrielfs98]

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 :

 

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

 

[DiF]

@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 

[Luís Roberto C. da Silva]

O que você é o lightbox. Veja se isso ajuda:

 

https://tympanus.net/codrops/2011/12/26/css3-lightbox/

https://www.w3schools.com/howto/howto_js_lightbox.asp