导轨灯箱?
回答
我只是使用常规灯箱2.然后包括所有适当的JavaScript和样式表:rel =>“lightbox”在您的链接上。
你可以试试lightbox2,不知道是否有任何Rails插件来使用它,但写一些辅助函数不应该是困难的。
我会建议rlightbox。这是一个jQuery UI插件。它可用于照片和视频和文档是相当不错的
下面是例子,如何方便地使用在轨道灯箱(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>
那就是所有。
而不是使用erb处理的css文件,因此'<%= image_path ...%>',而不是保存为“lightbox.css.scss”并使用'image-url(“close.png”) '在文件中代替'url(...)'。这里不需要erb! – 2015-09-07 11:38:42
我写了我自己的Rails包装来在现有的Rails应用程序中使用Lightbox。
我该如何使用它?只需添加Gemfile?而已? – LovingRails 2015-06-26 02:35:19
- 1. 安装引导灯箱
- 2. 灯具在导轨协会
- 3. Carrierwave和导轨灯具
- 4. 羽毛灯箱灯箱标题从figcaption
- 5. 关闭灯箱灯箱不亮按钮
- 6. 灯箱加jQuery.min.js导致滑块崩溃
- 7. 小项目,HTML CSS引导(灯箱)
- 8. 文字灯箱
- 9. jQuery - 铬灯箱
- 10. 灯箱和CKEditor
- 11. 灯箱过渡
- 12. 交通灯箱
- 13. 灯箱分页
- 14. 的Recaptcha灯箱
- 15. 非jQuery灯箱
- 16. CSS/Javascript灯箱
- 17. 灯箱jquery api
- 18. 灯箱坏了
- 19. 移动灯箱?
- 20. jQuery灯箱
- 21. 问题灯箱
- 22. 自动播放(幻灯片)灯箱画廊在放大灯箱?
- 23. 响应式灯箱
- 24. 灯箱开放html
- 25. 灯箱与ASPX页
- 26. IE6,灯箱和IFRAME
- 27. jquery灯箱问题
- 28. jquery灯箱与django
- 29. 灯箱不工作
- 30. 弹出Lightbox灯箱
能否请您阐述一下如何添加JavaScript和样式表,并使用在.html.erb(视图)文件? – 2013-11-19 11:06:21