Navegando me encuentro con una excelente galería a base de pura CSS creada por Nathan Smith llamada HoverBox, me gustó mucho que quise implementarla el único detalle que por lo que leo en su post la idea era que se usara simplemente a base de css sin necesidad de javascript pero lo más que mostraba era la imágen que uno ponía al tamaño. Para eso está otro genial recurso llamado SlimBox que es la versión de lightbox pero usando mootools.
Les dejo un pequeño ejemplo del resultado y la versión para descarga también, que es con el mismo layout que pone Nathan Smith solo con el SlimBox implementado, lo dejé así para que sea mucho más sencilla su adaptación si es que lo piensan usar.
15 comentarios para HoverBox + SlimBox
muy bueno pero… los links de download estan como “#” xD, por lo mientras lo baje de la web original, pero te queria pedir de favor si puedes incluir en los archivos el diseño ese que hiciste para la galeria,me gusto muchisimo tal y como esta, thx in advance xD
Se te agradece infinito, pero no se puede descargar :S.
Yo me pregunto…
COmo se hace la parte de arriba deslizable?!?!?!?!
ha w… esta ruda esa galeria
lastima que ni se como se utiliza si no
la ponia en la web
salu2
K paso a todos por ahi alguien k ponga el tutorial de como usar esta herramienta plisss
hola a todos pues no es tan complicado solo editen en el index los enlaces si quieres agregar mas pues solo ocupas el con los demas datos y vuala funkara ! claro ahi esta la ruta de la galeria solo agrega mas imagens !
quiero agregarlo en sistema pero no me muestra el efecto algien sabe como ???
ohhh marca erro en el codigo buenos pues era que ocupen el li > / li >
¿Qué es lo que no se puede descargar? ¿hoverbox+slimbox.zip? Pues yo sí lo descargo. Ahora lo estudiaré porque me da la sensación de que esto no es ninguna novedad. Por cierto, la ampliación se puede hacer al tamaño que quieras, incluso variable, el javascript es innecesario y lo de mootools … ¿para qué?
supongo que estamos hablando de la galería que se abre al pulsar en el botón “visitar enlace” (http://infectedfx.net/wp-content/ejemplos/hoverbox/index.html)
si es así, bastaría con entender un poco lo que es HTML y hojas de estilo. Copiar, copiar, copiar … ¿es que a nadie le da por pensar? (“no, copiar es más fácil, que piensen otros”)
un saludo
hola
que tal, he implementado este recurso en un gallery de menalto, solo funciona de maravilla, pero si pongo el gallery enbedido en un joomla me da problemas, en internet explorer no funciona bien y en firefox de repente da unos problemillas, quisiera que me asesorarán les dejo los linsks
Ejemplo de Gallery con hoverbox+slimbox enbedido en joomla
Gallery solito funcionando bien
espero opiniones y apoyo
saludos desde chiapas
hola chicos, quisiera saber como puedo usar eso en joomla, como lo puedo integrar con una galeria, pk la verdad es k no se mucho de esto, por favor escribanme a mi mail, grax
Claudio García, Donaldo: Yo sobre lo que es joomla ó mambo tengo problemas para entenderle, no me he metido mucho a esta plataforma que se ve muy flexible, =( de cualquier forma espero que alguien que se pase por aquí sepa que onda con esto. Saludos
hola, que ta, creo que no me explique bien, mi problema es porque por alguna extraña razón hay un problema con mis hojas de estilo, el cual no identifico, de tal suerte que en internet explorer no funciona bien y firefox si
Hola Infected se que es algo viejo el post, pero queria preguntarte como se hace para que las imagenes que estan en Thumbail en la galeria esten como semitransparentes es con codigo js, o css, y luego cuando se hace el hover (efecto hoverbox) cambia su opacidad, se me ocurre que podria hacer las 3 imagenes con photoshop pero seria muy tardado hacer 3i imagenes (thumbail, hoverbox, original size).
Espero me haya explicado y si alguien sabe una manera estare muy agradecido.
@donaldo Pero no tenemos donde verlo bro
@roylix No para nada hacer 3 imágenes sería mucho trabajo, la opacidad es por medio de css, te dejo este enlace que te puede servir http://www.mandarindesign.com/opacity.html porque en el demo que puse solo usé la propiedad que respeta firefox y no IE.