2009-08-15 64 views
6

有谁知道一个好的灯箱插件的轨道?我发现redbox,但它似乎没有发展。导轨灯箱?

谢谢!

-Elliot

回答

5

我只是使用常规灯箱2.然后包括所有适当的JavaScript和样式表:rel =>“lightbox”在您的链接上。

+2

能否请您阐述一下如何添加JavaScript和样式表,并使用在.html.erb(视图)文件? – 2013-11-19 11:06:21

0

你可以试试lightbox2,不知道是否有任何Rails插件来使用它,但写一些辅助函数不应该是困难的。

0

我会建议rlightbox。这是一个jQuery UI插件。它可用于照片和视频和文档是相当不错的

3

下面是例子,如何方便地使用在轨道灯箱(V4在我的情况):http://lokeshdhakar.com/projects/lightbox2/
2.复制收藏:
1.从网站下载.js文件的应用程序/资产/ JavaScript的
3.复制lightbox.css到应用程序/资产/样式
4.重命名lightbox.css到lightbox.css.scss.erb
5.复印四个IMG对应用程序/资产/图片
6.编辑lightbox.css.scss.erb:
- 所有图像路径替换为:

<%=image_path "close.png"%> 

具有适当的图像名称。
添加数据灯箱属性到任何图像链接来激活灯箱。对于该属性的值,请为每个图像使用唯一的名称。例如:

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

那就是所有。

+1

而不是使用erb处理的css文件,因此'<%= image_path ...%>',而不是保存为“lightbox.css.scss”并使用'image-url(“close.png”) '在文件中代替'url(...)'。这里不需要erb! – 2015-09-07 11:38:42