jQuery 媒体浏览器
我正在尝试构建一个基于 jQuery 的可视化浏览器,用于按资产上传日期分组的缩略图资产。 后端部分很好,但我很难找到一个可行的视觉解决方案,可以顺利处理(可能)数百到数千个资产。 内容的显示不是问题,因为它是由灯箱处理的,我只需要找到一种实际显示缩略图的方法。
我一直在尝试与这个 插件 进行交互,但一旦使用就遇到了很多问题获得超过 100 条记录,一切都变得非常无响应。 理想情况下,我希望能够在其中构建 ajax,以便根据需要加载媒体,而不是批量加载页面。 有谁知道有一个好的插件可以用来实现这种效果,或者至少提供一个好的用户界面来浏览大量内容?
澄清一下:我已经在上传资源时正确生成了缩略图,这些是页面上显示的内容,并且仅在单击缩略图时才会在灯箱中加载全尺寸图像。 我只是想确定一种浏览大量按上传日期排序的缩略图的好方法。
I am attempting to build out a visual jQuery based browser for thumbnailed assets grouped by the upload date of the asset. The backend part is fine, but I'm having a really hard time finding a workable visual solution that can handle (potentially) hundreds to thousands of assets smoothly. The display of the content is not an issue as it is being handled by a lightbox, I just need to figure out a way to actually display the thumbnails.
I've been trying to interface with this plugin but have been running into a lot of problems once it gets over 100 records, everything just becomes horribly unresponsive. Ideally I want to be able to build ajax into this for loading media as needed rather than a bulk get on page load. Does anyone know of a good plugin that can be leveraged to achieve this effect or at least provide a good user interface for browsing large amounts of content?
To clarify: I have properly generated thumbnails being made when an asset is uploaded, these are what are displayed on the page, and the full size image is only loaded in the lightbox when the thumbnail is clicked. I'm just trying to determine a good way to browse a large quantity of thumbnails sorted by upload date.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
听起来你缩小了全尺寸图像,这会破坏性能。 这些图像是否有可用于缩略图的小版本副本?
It sounds like your scaling the full size images down which will ruin performance. Do the images have a small version counterpart you can use for the thumbnails?
事实证明,对于这种情况确实没有一个好的方法来实现预构建插件,对我来说最好的方法是实现一个 jQuery UI 滑块,然后在停止事件上我执行 ajax get 来加载将适当的数据放入具有垂直滚动的 div 中。
也许不是最优雅或最漂亮的解决方案,但它适合这种情况并且看起来足够漂亮。
Turns out there really wasn't a good way to implement a prebuild plugin for this situation, the best way to do it for me was to implement a jQuery UI slider and on the stop event of that I then do an ajax get to load the appropriate data into a div with vertical scrolling.
Maybe not the most elegant or prettiest solution, but it works for the situation and looks nice enough.