Si quiero volver a la tabla para pinchar en otro enlace, simplemente pulso el botón Esc y se sale.
Sé que ésto puede lograrse con Flash o JavaScript, ¿es esto cierto?
-
- Publicidad
Mostrar imágenes flotantes al dar clic
3 mensajes
• Página 1 de 1
Mostrar imágenes flotantes al dar clic
por reLlene » 2012-10-23 11:18 @512
Pues quiero mostrar una tabla con unos enlaces y quiero que al darle click a éstos se expanda una ventana (sin necesidad de redirigirme a otra URL) y entonces en esa ventana estará la imagen que deseo que se muestre en el navegador. Vamos, cómo lo tienen muchas webs.
Si quiero volver a la tabla para pinchar en otro enlace, simplemente pulso el botón Esc y se sale.
Sé que ésto puede lograrse con Flash o JavaScript, ¿es esto cierto?
Si quiero volver a la tabla para pinchar en otro enlace, simplemente pulso el botón Esc y se sale.
Sé que ésto puede lograrse con Flash o JavaScript, ¿es esto cierto?
Última edición por reLlene el 2012-11-21 15:45 @698, editado 2 veces en total
Sexo : unzip ; strip ; touch ; grep ; finger ;mount ; fsck ; more ; yes ; umount ; sleep.
-
reLlene - Perlero nuevo
- Mensajes: 97
- Registrado: 2012-06-04 07:16 @344
Publicidad
Re: Mostrar imágenes flotantes al dar clic
por explorer » 2012-10-23 11:45 @531
No necesitas nada de código extra... te vale con definir un target=_blank dentro de los enlaces <a> de tu página. Al pulsarlos, el navegador abre una ventana nueva, con el contenido del URL indicado en el <a>.
Si lo quieres como dices, con un popup, se puede hacer con un <div> que aparece (cambiar la propiedad display), en una posición y tamaño que depende del tamaño de ventana y del tamaño de la propia imagen (un par de restas). Adjuntar un evento externo (pulsación de una tecla o de un botón del ratón) para hacer desaparecer el <div>, y ya está (bueno, muy resumido).
En JQuery tienes este tipo de cosas ya resueltas. Y buscando por Internet tienes docenas de ejemplos. Busca por Pop Up, o popup junto con la palabra JavaScript.
Si lo quieres como dices, con un popup, se puede hacer con un <div> que aparece (cambiar la propiedad display), en una posición y tamaño que depende del tamaño de ventana y del tamaño de la propia imagen (un par de restas). Adjuntar un evento externo (pulsación de una tecla o de un botón del ratón) para hacer desaparecer el <div>, y ya está (bueno, muy resumido).
En JQuery tienes este tipo de cosas ya resueltas. Y buscando por Internet tienes docenas de ejemplos. Busca por Pop Up, o popup junto con la palabra JavaScript.
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
-
explorer - Administrador
- Mensajes: 14488
- Registrado: 2005-07-24 18:12 @800
- Ubicación: Valladolid, España
Re: Mostrar imágenes flotantes al dar clic
por reLlene » 2012-11-21 15:49 @701
explorer escribiste:En JQuery tienes este tipo de cosas ya resueltas. Y buscando por Internet tienes docenas de ejemplos. Busca por Pop Up, o popup junto con la palabra JavaScript.
explorer, te he hecho caso y me he topado con Lightbox 2, que hace uso de JQuery, por si alguien quiere hacer el intento, AQUI. Dejo el enlace donde no sólo puede verse su funcionamiento sino donde se explica cómo hacerlo funcionar.
Saludos
Sexo : unzip ; strip ; touch ; grep ; finger ;mount ; fsck ; more ; yes ; umount ; sleep.
-
reLlene - Perlero nuevo
- Mensajes: 97
- Registrado: 2012-06-04 07:16 @344
3 mensajes
• Página 1 de 1
¿Quién está conectado?
Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados