我将首先解释我想做什么。
我有一个带有缩略图的图库网格布局页面。每个缩略图图像的大小应相同,例如 120 像素 x 80 像素。当用户在页面上向下滚动时,我想在页面加载时显示所有图像以及更多图像。网格中的单个图像将存在悬停和单击状态,其中会弹出完整尺寸的图像以显示在灯箱中。
有哪些解决方案(宝石、技术等)可将较大的图像(1024 x 768)加载到我的数据库(照片)模型中,以便我可以生成预定义的较小尺寸的小缩略图?
如果我的目标是在用户向下滚动页面时允许加载更多内容,那么加载整个小图像页面的最佳方式是什么?或者我应该只加载用户看到的内容,然后在他们向下滚动时使用 AJAX 加载更多内容?
在这种情况下,回形针是一种常见的解决方案吗?我正在研究这个和 RailsCasts 上的 CarrierWave。
如果使用回形针之类的东西,它可以处理裁剪与其他图像的纵横比不同的图像吗?即,将与矩形图像相同的方形图像缩放和裁剪到定义的大小。
我是在 Rails 应用程序中处理大量图像的新手,我很欣赏人们熟悉的任何建议、书籍、教程和技术。
谢谢!