javascript - 用于 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 会发生什么，每个 div 都有 html 内容和图像。我的第一个想法是“页面需要很长时间才能包含这些对象，而且用户可能永远不会点击它们”，这就是我告诉他的。他告诉我，“随着你在 web 开发中的成长，你会想要避免请求”

如果最好有一个侧面有下一个上一个按钮的对话框，我可以使用哪个工具？

该页面正在使用 jquery 在 Rails 上制作

提前感谢您的意见。