Sexy Lightbox: El Clon Sexy de Lightbox
Escrito el 14 Oct, 2008 por Alexis en Diseño, jQuery
Sexy Lightbox 2 es un clon, de la clásica librería Lightbox, con la salvedad de ser más liviano y más Sexy!
He estado jugando con esta librería por uno minutos y me sorprendió lo versátil y ligera que es.
Trabaja muy bien con imágenes (con todas!, incluso con .gif animados) elementos html, scrolls y videos. O todo lo que se ocurra encapsular.
Cuenta con la clásica creación de galerías adjuntando un pequeño tag al elemento.
Lo interesante es que su documentación está absolutamente en castellano, por lo cual se te hará más fácil de seguir.
Mencione que cuenta con una versión (Plugin) para Wordpress? Bueno, un punto más para Sexy Lightbox.
Creo que no pasara mucho hasta que la implemente en elíseos.net
Podes ver la documentación y el Demo aquí.
Sponsors
marcos |29/4/2009| Site: ninguno
hola a todos,
al usar sexy lightbox y al darle click sobre la imagen me la presenta en otra pagina.
Me gustaria saber si alguien me podria exlicar paso a paso, (pero paso a paso) como trabajar con este genial libreria de efectos estilos popus.
y si pueden hacer un videotutorial en español y bien explicaditos seria Bueniiisiiimo. y si tiene algun manual o tutorial les agradeceria mucho que me lo enven a mi correo
marcos_pereira2005@yahoo.com
QUE PAGINA MAS GENIAL ES ESTA.!!!!
Saludos a todos -
Alexis |29/4/2009| Site: eliseos.net
Marcos, te sugiero que leas la documentacion que se encuentra en español en este link. Recorda darle el atributo
rel="sexylightboxa tus links para iniciar el Lightboxmarcos |30/4/2009| Site: ninguno
Gracias Alexis por tu respuesta… ya lo hice….
Pero al darle click sobre una imagen..me sigue habriendo en otra ventana.
1.- Descargue los archivos de Sexylightbox
2.- luego lo descomprimo, y los archivos dentro de esa carpeta los tiro a mi servidor.
3.-Creo la pagina en HTML donde van las imagenes.
4.-Luego el siguiente paso es que hago todo como me indica la pag web que Usted me dio.
5.- pero aun asi me sigue abrindo. (y he revisado muchas veces el scrip y esa como debe ser)
6.-utilizo dreamweaver mx. (sera ese mi problema)
Saludos
Alexis |1/5/2009| Site: eliseos.net
Pareciera ser que te estas olvidando de:
Incluir el script dentro de la etiqueta (mootools & sexylightbox)
Incluir la propiedad rel=’sexylightbox’ a tus enlaces
Si tenes un sitio donde pueda ver el codigo es posible que te diga en que le estas errando.
marcos |4/5/2009| Site: ninguno
Gracias Alexis por tu atencion… ya lo he logrado..mi error XD era no tener activado el Internet.
Saludos.
marcos |4/5/2009| Site: ninguno
ALEXIS TENGO UNA CONSULTA O MEJOR DICHO UNA PETICION.
Sabes soy algu nuevo en diseño web…y algo que me gustaria aprender hacer es primero como funciona y luego como hacer una base de datos y luego apartir de esa base de datos meter informacion que luego esta llegue hasta mi web, incluyendo imagenes….algo asi como una revista o periodico digital pero mas liviano.
Solo por lo menos lo basico y luego yo me dejo ir…. he tratado de buscar videotutoriales, manuales cursos etc, pero no se encuentra para aquellos que deseamos aprender a diseñar una base de datos desde cero y que esta pueda agregar informacion a la web sin la necesidad de crear un sistema o es necesario siempre crear un software para esto?
Saludos
Alexis |4/5/2009| Site: eliseos.net
Marcos, si queres aprender te recomendarias que busques algun Tuto en Scribd. Recorda que la mayoria de los tutos se encuentran un 90% en ingles.
Tamien te recomiendo que comiences a experimentar con Wordpress o cualquier otro CMS ya que se adaptan a casi todas las necesidades.
marcos |6/5/2009| Site: ninguno
GRACIAS POR SU RESPUESTAS….SOLO CON SMS SE PUEDE SUBIR INFORMACION AL INTERNET? osea..desde el CMS puedo poner todo mi texto y automaticamente se sube al internet?..
necesito depejar esas dudas.
gracias
Alexis |7/5/2009| Site: eliseos.net
No es necesario, contar con un CMS, para gestionar informacion, es solo una forma mas practica y segura. Te recomiendo que veas esta Filmina para que te saques alguna duda sobre los CMS. y Si queres leer un poco mas, tambien paso por este interesante articulo
marcos |8/5/2009| Site: ninguno
Gracias Alexis por tu ayuda, de verdad que si, me he puesto a investigar al respecto y ahora si caigo en el asunto.
Me gustaria solicitarte o pedirte un gran favor…Me gustaria saber si podrias ayudarme siempre…si no te molesto con hacerte consultas web – o mejor dicho me gustaria que fueras como mi mentor. si no te molesta.
Esto te lo pido como te comente anteriormente soy nuevo pero me he ido desarrollando la bastante rapido, pero siempre aveces hasta en lo mas simple uno se pierde. como por ejemplo.. a esta web que estoy diseñando por primerza vez esta en un dominio gratis y esta trabajada en DIVS-ydentro de dreamweaver estoy trabajando con javascript….y hay varios elementos o SCRIPTS que he encontrado en la web muy interesantes como los de add.com y de noticias muy interesantes, estos es para que se actualicen solas desde la pagina del autor…pero cuando ubico un SCRIPT seguido del otro…no me lo pone sino que me presenta un anuncioweb– por ejemplo:es es un script dentro de una div
El mundo
pero en la segunda noticia—-no me aparece nada o un anuncio…y si ubico varias script que me ofrece la web como:tecnologia,farandula,musica…etc,,….me repite los script en el sitio osea como que no me reconoce o diferencia un script del otro…entocnes me pregunto si hay algo que me separa estos script para que no liguen o que tengo que hacer al reespecto.
esa es mi consulta de hoy.
si no repondes entendere.
Gracias.
Alexis |11/5/2009| Site: eliseos.net
Te respondí vía e-mail
marcos |20/5/2009| Site: ninguno
Hola Alexis. Quiero saber si podrias ayudarme con esto:
Deseo realizar una pagina web donde pueda hacer click sobre un enlace o boton, y la informacion de esta me habra en esa misma pagina, en la misma area del texto anterior. como si cada informacion de cada link o boton esten oculto tras una capa.
como lo tiene esta pagina web http://www.digitech.net.ni/ ( si observas HOME me lleva al texto derecho, y al hacer click sobre otro boton el texto de este boton sustituye al otro. )
como podria hacer esto?
Saludos y gracias por responder a todos mi correos de verdad que te lo agradezco.
Alexis |20/5/2009| Site: eliseos.net
Esta hecho con un Framework que se llama jQuery con la que se logran todos esos efectos, e muy difícil explicar la funcionalidad de cada parte, ya que tendria que escribir varias hojas de como lograrlo.
Podes empezar por leer lo basicos de jQuery en jQuery Ya y en Cristalab
marcos |26/5/2009| Site: ninguno
Gracias por tu respuesta, lo he comprendido, no habia podido desprenderme de mis quehaceres…De verdad gracias por sacarme de muchas dudas. Saludos.
marianne |11/6/2009| Site: Who knows?
queria saber si me podes pasar tu eme si podes!
Alexis |11/6/2009| Site: eliseos.net
Podes encontrar mi e-mail aqui:
http://www.eliseos.net/alexis/
Alfredo |6/8/2009| Site: Who knows?
Hola Alguien me ayude, necesito usar el sexylightbox dentro de una iframe y al hacerle clic el popup se muestre fuera del iframe y no dentro.
Gracias.
Alexis |6/8/2009| Site: eliseos.net
Una de las ideas de un Lightbox es evitar el uso de algo tan obsoleto como es un iframe. Hay varios Lightbox que permiten insertar contenido dentro de un DIV, y todo lo que este dentro es personalizable. Google it!
Marcos |22/10/2009| Site: Who knows?
Hola Alexis Tanto tiempo, antes qeu nada quiero saludarte por toda tu ayuda en el pasado con sexy Lightbox, y con temas de jquery,…de verdad que me motivastes a aprender mucho mas …. ahora te comento que los temas de Mototools y jQuery estoy casi al 100% he investigado mucho al respecto desde la ultima vez que me lo mencionastes las web esta lleno de esos temas.
Ahora en esta ocasión quiero pedirte de neuvo que me ayudes pero en este caso muy diferentes a efectos para webs si no que algo mas a php o base de datos.
En realidad lo que necesito es un formulario de contacto que tenga la opcion adjunto ( adjuntar imagenes extensión .JPG ) Pero que este formulario unto con la imagen llegue a un correo especifico osea que la accion del form sea post (ACTION=”.PHP”) Y el (METHOD=”POST”)
Podrias ayudarme con esto. Tengo creado el formulario con CSS con action= PHP – donde ES () y deseo que agreguen una o más fotos en este formulario.
Agradeceri nuevamente tu ayuda….He buscado por todo el internet….y con costo he encontrado dos explicaciones pero es con base de datos y realemtne no lo explican solo lo ponen y al estudiarlo quedo completamente perdido.
Ayudame por favor, hazme sentir que es facil.
Saludos nuevamente.
P:D: Puedes responder a mi correo personal si gustas marcos_pereira2005@yahoo.com
javi |3/11/2009| Site: Who knows?
Hola buenos dias Alexis. Ami me gustaria saber si se pueden cargar una serie de imagenes en el sexy light box pero que solo haya un enlace para acceder a la primera de ellas, y despues pulsando en el siguiente del sexy light box acceder a las demas.
Gracias y un saludo!!
Alexis |3/11/2009| Site: eliseos.net
En realidad no funciona de esa forma, pero se puede logar muy fácil con CSS. Lo que tenes que hacer es mostrar la primera imagen como de costumbre con el nombre de grupo de imagenes a mostrar, y el resto ocultarlas con la regla display:none
Las imágenes que no querés mostrar llevan la clase no_mostrar
El CSS
Cedrik |6/1/2010| Site: koodo.es
Saludos Alexis, muchas gracias por este gran aporte. Bueno pues tengo una gran duda… donde debo subir el sexy lightbox para poder usarlo en wordpress? ya que no tienen plugins ni nada por el estilo no se donde debo subir las carpetas y cuales debo subir.
Muchas gracias por la ayuda!
Alexis |6/1/2010| Site: eliseos.net
Tenes que subir todos los archivos a la carpeta de tu Theme actual.
La documentacion se encuentra muy explicada y seguro se explica mejor que yo., la gente de Coders.me ha hecho un buen trabajo
Cedrik |6/1/2010| Site: koodo.es
Muchas gracias ire a ver eso. Mientras podrias responderme esto por favor: http://eliseos.net/wordpress/botones-faciles-rapido-shortcodes/#comment-627
Cedrik |6/1/2010| Site: koodo.es
Por cierto, cual es mejor mootoolz o Jquery? no se cual es la diferencia y cual seria mejor.
Gracias!
Alexis |6/1/2010| Site: eliseos.net
Ambas librerías son excelentes. Por ejemplo Wordpress utiliza mucho a jQuery como así también Eliseos, todo lo que ves esta potenciado por jQuery.
Si no vas a desarrollar sobre ellas, te recomendaría jQuery
Cedrik |6/1/2010| Site: koodo.es
Muchisimas gracias por la respuestas, entonces mejor uso jquery :)
Cedrik |6/1/2010| Site: koodo.es
No se que estoy haciendo mal pero al dar click en las imagenes se va directamente a la imagen, y no olvide poner el rel =S