如何将jQuery UI可排序网格与动态“架子”结合起来？

Question

我目前正在开发一个具有类似iBooks架子的Web应用程序。

我有一个带有书架式书架的可滚动条：根据浏览器大小自动调整到div的区域。

我也使用3D CSS Book Covers作为我的可排序项目。

如何添加这些可排序项目，使它们在书架的每个“架子”上对齐，即使浏览器和书架更改大小，当一个架子上有太多项目时，它们会开始填充下一个架子？

除此之外，我不希望受到书架图像的限制，书架图像仅限于5个书架，并且能够在没有重复图像的情况下添加 n 数量的书架。

我遇到的一个问题是，垂直调整书架图像的大小会使每个书架的尺寸变大，从而使书籍变得更小，更不美观。

我已经在turn.js网站上查看了示例书架，并看到了jQuery Multipurpose Bookshelf Slider（您必须付费）以了解如何创建此书架，但我是有点失落。

感谢您的帮助！