使用单个git存储库而不是子模块管理不同的代码库(Manage different codebases using single git repository instead of submodules)

 好吧，如果你正在寻找客户端实现，我建议使用Fancybox： http ：//fancyapps.com/fancybox/这个库很强大，但它很容易使用。 
 
 如果您正在寻找卷轴，请尝试使用FlexSlider： https ： //github.com/woothemes/FlexSlider 
 
 更新 
 
 以下是如何在rails应用程序中使用Fancybox显示照片（从我的工作应用程序中获取）的示例： 
 
 在javascript文件夹中有两个文件：jquery.fancybox.pack.js和jquery.fancybox-buttons.js（因为我还需要为我的图库使用控制按钮）。 我也有MouseWheel库，但这个是可选的。 在application.js中（当然，你可以有其他库）： 
 
//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require lib/jquery.mousewheel
//= require lib/jquery.fancybox.pack
//= require lib/jquery.fancybox-buttons

jQuery(function($) { // as soon as DOM is ready
$(".fancybox").fancybox({ // initialize fancybox on all pages where it is present
        helpers: {
            title: {type: 'inside'},
            buttons: {}
        }
    });
});
 
 另外，不要忘记下载FancyBox样式并将其包含在application.css中。 
 
 在我看来： 
 
<% photos.each do |photo| %>
<%= link_to image_tag(photo.file.thumb('200x200#').url),
                photo.file.remote_url,
                class: 'fancybox', rel: 'group', title: photo.title, alt: 'Photo' %>
  <% end %>

Well, if you are looking for a client-side implementation, i would recommend using Fancybox: http://fancyapps.com/fancybox/ This library is powerful, yet it is easy to use.
 
If you are looking for a scroller, try using FlexSlider: https://github.com/woothemes/FlexSlider
 
update
 
Here is an example of how you can use Fancybox in rails app to display photos (taken from my working app):
 
In javascript folder there are two files: jquery.fancybox.pack.js and jquery.fancybox-buttons.js (because i also needed to use control buttons for my gallery). Also i have MouseWheel library, but this one is optional. In application.js (of course, you can have other libraries):
 
//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require lib/jquery.mousewheel
//= require lib/jquery.fancybox.pack
//= require lib/jquery.fancybox-buttons

jQuery(function($) { // as soon as DOM is ready
$(".fancybox").fancybox({ // initialize fancybox on all pages where it is present
        helpers: {
            title: {type: 'inside'},
            buttons: {}
        }
    });
});
 
Also do not forget to download FancyBox styles and include it in your application.css.
 
In my view:
 
<% photos.each do |photo| %>
<%= link_to image_tag(photo.file.thumb('200x200#').url),
                photo.file.remote_url,
                class: 'fancybox', rel: 'group', title: photo.title, alt: 'Photo' %>
  <% end %>