Ventanas modales
Esto de los scripts para mostrar imágenes en ventanas exóticas o diferentes da para mucho, hay una gran cantidad de variaciones del mismo tema, cada una tiene sus particularidades y, a la hora de elegir cuál usar deberíamos tener en cuenta su tamaño y su flexibilidad.
Lightbox v2.0 es una de las más utilizadas. Requiere las librerías prototype y scriptaculous. Hay muchas variantes de la misma:
Lightbox v2.0 es una de las más utilizadas. Requiere las librerías prototype y scriptaculous. Hay muchas variantes de la misma:
- Lightbox with moo.fx
- Lightbox Gone Wild
- Multifaceted Lightbox
- Leightbox
- Lightbox without Lightbox
- Lightbox Plus
- Lightbox Using iFrame
- LightWindow
- Litebox
- LITBox
- RedBox
Y muchas otras que utilizan el framework prototype:
También hay versiones para la librería jQuery que permiten ver tanto imágenes como cualquier otro tipo de contenido web, incluyendo páginas externas:
Alguna posibilidades para el framekork mootools:
Y hay más:
Suckerfish Hover Lighbox y Hoverlightbox Redux son un poco diferente a las anteriores.
iBox soporta imágenes y html. Una de las más mejores versiones.
YUI PhotoViewer utiliza la librería YUI (Yahoo User Interface Library) y tiene un sin fin de opciones.
iBox soporta imágenes y html. Una de las más mejores versiones.
YUI PhotoViewer utiliza la librería YUI (Yahoo User Interface Library) y tiene un sin fin de opciones.
16 comentarios:
Muy interesante crack. Como siempre. Aunque el tema de los scrips y yo no nos acabamos de llevar bien :D.
Aprovecho para consultarte una cosilla. ¿Recuerdas cuando escribiste aquello de como ocultar la fecha de un post? Bien, pues en la plantilla que uso en elblogdejabba.blogspot.com (un nuevo blog que inauguré hace poco tiempo y que intento compaginar con Extrañas Normalidades) no encuentro la parte h2 class='date-header' donde tengo que introducir expr:id='"fecha-" + data:post.id'.
Hay partes del código que presumo que puedan ser equivalentes a esa, pero como no estoy seguro y no quiero liarla, te pido a ver si me puedes echar una mano con esto (otra vez).
Un saludo artista.
Otra cosa, y esperando no abusar de tu tiempo. ¿Cómo se hace para poner un enlace a un comentario en concreto de un artículo? He visto que algunas veces lo haces como aquí:
http://vagabundia.blogspot.com/2007
/08/otro-formulario-de-contacto.html
#comment-946880405534403337
y por lo que veo y presupongo, tienes que saber el númerito ese tan largo asociado a ese comentario (como ocurría con los posts a la hora de ocultar las fechas). Ahora bien, ¿de donde saco ese numerito de UN comentario en concreto?
Un saludete Hutt.
PD. Siento haber suprimido el comentario de antes, que no se veía con claridad toda la URL del enlace.
Ese es el problema con estas nuevas plantillas, son copias de plantilas de WP y no estandarizan los nombres de los elementos lo que lo hace más complicado.
Online no puedo decirte donde está exactamente pero deberías nombres similares a estos:
... class="titulotop"
... class="titulo"
... class="nivel2"
<span class="date-header"> ...
... class="post hentry uncustomized-post-template"
...
<h2 class="post-title entry-title">
Cualquier cosa, la semana que viene me envías la plantilla por coreo, me explicas qué quieres hacer y lo vemos con detalle.
Lo del enlace a los comentarios es más sencillo, fijate en una página de tu blog que tenga comentarios, por ejemplo ESTA.
Abajo del comentario, aparece la fecha:
7 de noviembre de 2007 22:34
que es un enlace y ese enlace es la dirección:
http://elblogdejabba.blogspot.com/2007/11/
linux-no-tiene-precio.html
#comment-4182377075016813084
Que bien y sencillas se ven las cosas cuando te las muestra quien ya las ha visto ;). Lo de los comentarios listo, y lo de la fecha me pondré a ello y ya te cuento. Muchas gracias!
Esa parte será engorrosa pero, es posible de hacer: SUERTE :)
Desisto con lo de la fecha. De todos modos tampoco queda tan feo dentro del recuadro en el que sale el título del post.
De todas maneras, y si la semana que viene como dices te va bien te mando mi plantilla a ver si la puedes destripar y encuentras como hacerlo.
Por cierto tu manual en 5 pasos de "Malditas Tablas" junto a mi "curioseo" en el código fuente de Vagabundia me está haciendo aprender cantidad con las tablas en HTML.
Te dije que antes o despúes me acabaría poniendo con el HTML y el CSS ;).
Saludos!
Me alegro que te sea útil y sí, como te dije, envíame la plantilla y la vemos :)
Saludos, myu bueno tu blog, tengo una pregunta, cual ventana usas para lograr ver los videos de youtube?
se ve mucho mejor ke el tipico embbed jeje
Puede ver la explicación y los códigos necesario ACÁ
JMiur Muchas Gracias, fue de mucha ayuda tu post :)
Chequea ahora este:
http://webeaters.blogspot.com/2008/02/lightboxxl-for-prototypejs.html
Y su mejor ejemplo:
http://www.antcut.com
Exactamente como lightbox JS mas de una pelicula en un set. Lightbox++ solo te permite una y su extension debe ser .swf. LightboxXL no...
saludos
¡Que buen buscador antcut!!!
Gracias, Tony, muy interesante.
He cambiado la interfaz, espero que te guste... si tienes algo que comentar me encantaría saberlo. Necesito de buenas ideas para mejorarlo.
Saludos
Mi blog: http://webeaters.blogspot.com
Lo miraré con gusto, Tony.
Hola JMiur.
Como yo se que tu eres un duro en esto de las ventanas modales y quiero implementar varios elementos en jquery en mi blog de blogger estuve investigando y encontré una ventana modal en jquery llamada colorbox http://colorpowered.com/colorbox/, pero no tengo ni idea de como implementarlo en mi blog. Chequealo y explícame como funciona por favor! para guardar los scripts prueba con dropbox que tiene 2GB, yo lo uso y me funciona perfectamente!!!
Mi blog: http://www.parabolastecnologicas.com.ve/
No uso JQuery. Es incompatible con Prototype y por lo tanto, no tengo ningna forma dencilla de probarlo. Veremeos que puedo entender.
¿Quiere dejar un comentario?
Hay varios métodos posibles.
Uno de ellos es el formulario de comentarios que tan generosamente nos ha regalado Blogger y que funciona sólo de tanto en tanto. Su uso es aconsejable sólo en caso de ser una de esas personas a las que les gustan los retos y los desafíos.
¿No quiere arriesgarse? Haga click para ocultarlo y utilice las otras opciones.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...
Los comentarios están siendo moderados y serán publicados a la brevedad.