jQuery 媒体浏览器答案

【问题标题】：jQuery media browserjQuery 媒体浏览器
【发布时间】：2009-07-30 13:41:04
【问题描述】：

我正在尝试为按资产上传日期分组的缩略图资产构建一个基于 jQuery 的可视化浏览器。后端部分很好，但我很难找到一个可行的视觉解决方案，可以顺利处理（可能）成百上千的资产。内容的显示不是问题，因为它是由灯箱处理的，我只需要找出一种实际显示缩略图的方法。

我一直在尝试与这个plugin 进行交互，但是一旦它获得超过 100 条记录，就会遇到很多问题，一切都变得非常无响应。理想情况下，我希望能够在其中构建 ajax 以根据需要加载媒体，而不是批量加载页面。有谁知道一个好的插件可以用来实现这种效果，或者至少为浏览大量内容提供一个好的用户界面？

澄清一下：我在上传资产时正确生成了缩略图，这些是页面上显示的内容，并且只有在单击缩略图时才会在灯箱中加载完整尺寸的图像。我只是想确定一种浏览大量按上传日期排序的缩略图的好方法。

【问题讨论】：

【解决方案1】：

听起来您缩小全尺寸图像会破坏性能。图像是否有可用于缩略图的小型版本？

【讨论】：

是的，我正在生成实际按比例缩小的缩略图图像，而不仅仅是试图通过 css 使它们看起来更小。灯箱显示全尺寸图片，但缩略图最大仅为 75x75px
如果您要进行一次 ajax 调用以一次获取所有图像，则性能可能会下降，具体取决于您返回的记录。许多浏览器并没有以应有的速度呈现动态 html。我会考虑一次加载可能 50 张图像的设计，并在触发事件（例如滚动经过灯箱中的某个点等）时加载更多图像。您应该会看到比单个调用更好的性能。如果浏览器试图从同一个域中获取所有页面资产，您也可能会遇到并发问题。（例如 mysite.com 与 images.mysite.com）
这就是我想要做的。现在它只返回来自服务器的所有图像的数组，但我希望能够只返回前 20 个左右，然后在用户滚动时加载更多，但我很难在视觉上找到支持该功能的吸引人的插件。
听起来您可能需要结合使用插件和一些自定义 JavaScript 才能获得所需的内容。对于我的一些更复杂的灯箱情况，我使用Thickbox 插件并让它引用一个包含内容的单独页面。这个插件可能会帮助您获得您正在寻找的滚动效果：webresourcesdepot.com/load-content-while-scrolling-with-jquery
是的，我最终自己滚动。幸运的是，我得到了客户的支持，放弃了无法使用的设计，转而采用了更好、更容易实现的设计：) 感谢您的建议

【解决方案2】：

事实证明，对于这种情况，实现预构建插件确实不是一个好方法，对我来说最好的方法是实现一个 jQuery UI 滑块，然后在它的停止事件上执行 ajax get将适当的数据加载到具有垂直滚动的 div 中。

也许不是最优雅或最漂亮的解决方案，但它适用于这种情况并且看起来足够好。

【讨论】：