📣 Seu anúncio aqui? Anuncie no ForoBeta

Ampliar foto ao clicar, maneira mais fácil?

  • Autor Autor Linton
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
L

Linton

Épsilon
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Ya sé que hay plugins de lightbox, pero me gustaría saber si es complicado hacerlo añadiendo un snippet de código. Los visores de fotos privilegian las fotos en formato panorámico y el resto las agrandan menos, yo quiero hacerlo según mis necesidades.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Hola Beta!

Primero tienes que colocar este codigo en tu css
HTML: 
input[type=checkbox] {
  display: none;
}

.container img {
  margin: 100px;
  transition: transform 0.25s ease;
  cursor: zoom-in;
}

input[type=checkbox]:checked ~ label > img {
  transform: scale(2);
  cursor: zoom-out;
}

y donde quieras colocar la imagen coloca esto

HTML: 
<div class="container">
  <input type="checkbox" id="zoomCheck">
  <label for="zoomCheck">
    <img src="URL imagen">
  </label>
</div>

Espero haberte ayudado. Un Saludo.
Y recuerda el mejor hosting esta en Administracion - BEST WEB HOSTING
 
iliasrougui disse:
Hola Beta!

Primero tienes que colocar este codigo en tu css
HTML: 
input[type=checkbox] {
  display: none;
}

.container img {
  margin: 100px;
  transition: transform 0.25s ease;
  cursor: zoom-in;
}

input[type=checkbox]:checked ~ label > img {
  transform: scale(2);
  cursor: zoom-out;
}

y donde quieras colocar la imagen coloca esto

HTML: 
<div class="container">
  <input type="checkbox" id="zoomCheck">
  <label for="zoomCheck">
    <img src="URL imagen">
  </label>
</div>

Espero haberte ayudado. Un Saludo.
Y recuerda el mejor hosting esta en Administracion - BEST WEB HOSTING
Clique para expandir...

Lo he probado y funciona, ¡gracias!
 
¡Muchas gracias a los dos! :smile:
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

A
¿Como ampliar imagens ao clicar em um blog?
Respostas
3
Visitas
2K
Julio2201
Julio2201
Voltar
Topo