用于html动态内容的jquery幻灯片对话框

Question

我正在寻找一个幻灯片工具（用于jquery），我可以在对话框中加载，每次点击下一个或上一个按钮，我都会加载数据库中的内容。

如果我使用对话框jquery-ui小部件并添加按钮，则会将它们放在内容之下。我希望他们站在一边，因为这是客户问的方式：

使用以下js代码，对话框如下所示：

$(function() {
    var x = 1;
    $('#dialog').dialog({buttons:
        {
            Next: function() {
                x++; // Increment counter
                $(this).text(x); // Build dialog based on new value
            },
            Prev: function() {
                x--; // Decrement counter
                $(this).text(x); // Build dialog based on new value
            }
        }
    });
});

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

有人告诉我，如果我在加载页面时加载所有内容会更好，但是，如果有10000或15000个div，每个都有html内容和图像，会发生什么。我的第一个想法是“页面将花费太长时间来包含这些对象，并且可能永远不会被用户点击”这就是我告诉他的。他告诉我，“随着你在网络发展中的成长，你会想要避免请求”

如果最好有一个旁边有一个前一个按钮的对话框，我可以使用哪个工具？

该页面正在使用jquery

在Rails上进行

提前感谢您的意见。