2009-08-15 21 views
6

¿Alguien sabe de un buen complemento de lightbox para los rieles? Encontré Redbox pero parece estar fuera de desarrollo.Lightbox for rails?

Gracias!

-Elliot

Respuesta

5

Acabo de utilizar el Lightbox 2 normal. Incluya todas las hojas de estilo y Javascript adecuadas y luego: rel => "lightbox" en sus enlaces.

+2

Podría por favor explicar de qué forma se agrega archivos JavaScript y hojas de estilo el uso y en el archivo .html.erb (ver) ?? –

0

Usted puede intentar lightbox2, no sé si hay alguna rieles plugin para usarlo, pero escribiendo algunas funciones de ayuda no debería ser tan difícil.

0

recomendaría rlightbox. Es un plugin de jquery UI. Se puede utilizar para fotos y vídeos y la documentación es bastante bueno

3

Aquí es ejemplo de cómo utilizar fácilmente en los carriles caja de luz (v4 en mi caso):
1. Descarga desde el sitio: http://lokeshdhakar.com/projects/lightbox2/
2. Copia caja de luz Js a app/assets/javascript
3. Copia lightbox.css a app/assets/hojas de estilo
4. Cambiar nombre lightbox.css a lightbox.css.scss.erb
5. Copia de cuatro img a app/activos/images
6. Editar lightbox.css.scss.erb:
- Todas las rutas de las imágenes reemplazan con:

<%=image_path "close.png"%> 

con el nombre de la imagen adecuada.
Agregue un atributo lightbox de datos a cualquier enlace de imagen para activar Lightbox. Para el valor del atributo, use un nombre único para cada imagen. Por ejemplo:

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a> 

Eso es todo.

+1

En lugar de usar el procesamiento erb para el archivo css y por lo tanto '<% = image_path ...%>', en su lugar guárdelo solo como 'lightbox.css.scss' y use' image-url ("close.png") 'en el archivo en lugar de' url (...) '. No hay necesidad de erb aquí! –