2

como describo en el titulo lo que intento hacer es que al hacer click sobre el icono de una imagen o bien un boton pueda desplegarla sobre la misma pantalla, justo como en gmail se hace al abrir un png o jpg y que al dar click se cierra esta.

No tengo mucha idea si se hace con javascript ni como se hace por eso pido ayudo si alguien tiene la experiencia y conoce una manera sencilla sobre esto.

de antemano muchas gracias.

introducir la descripción de la imagen aquí

1 respuesta 1

3

Lo que buscas es Lightbox. Es la manera mas sencilla de hacerlo, pues solo necesitas agregar data-lightbox="TITULO" a una etiqueta <a>dentro de la cual puedes poner tu imagen

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.css" rel="stylesheet"/>

Clicke la imagen
<a href="https://78.media.tumblr.com/tumblr_m6v66lJ5K61r0taux.jpg" data-lightbox="smile">  <img height="42" width="42" src="https://78.media.tumblr.com/tumblr_m6v66lJ5K61r0taux.jpg"> </a>

2
  • Así es, es exactamente lo que buscaba. Muchas gracias
    – JehTron
    Commented el 14 sept. 2018 a las 22:41
  • Me alegra que te sirva y si es lo que necesitabas te agradecería marcarlo como respuesta. :)
    – Killbunny
    Commented el 14 sept. 2018 a las 22:45

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.