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
    el 14 sep. 2018 a las 22:41
  • Me alegra que te sirva y si es lo que necesitabas te agradecería marcarlo como respuesta. :)
    – Killbunny
    el 14 sep. 2018 a las 22:45

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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