具有此“调整大小功能”的模态框

Question

我几乎总是使用ShadowBox.js进行模态效果。我有一个要求，我似乎无法使用ShadowBox，我想知道是否有人有另一个建议可以处理它，这是要求：

在图库页面上，用户将看到图库中的所有照片，当他们点击打开它们时，会弹出一个带有图库特定导航的模式（简单）。

模态将具有黑暗内容的正常效果，但会有一种框架，其中将显示照片（有时是视频）。

框架框的宽度始终为900像素，内部图像的最大宽度为800px。

照片将以始终900像素的帧为中心，每侧至少有50个像素的填充，例如，如果图像宽度为600像素，则图像的每边将有150个像素。

照片将在上传之前进行裁剪和准备，以便不会超过800像素宽。

我可以在shadowbox中轻松设置尺寸，但这会强制图像被拉伸，转储尺寸并使用标准的init选项为我提供图像调整大小的模态。

提前致谢

Answer 1

嗯，现在我想知道我是否回答了我自己的问题，照片是数据库管理的，所以我可以简单地创建一个html模板，根据QS参数保存照片，每次模态打开图像时，他们会实际上是打开保存图像的900px的HTML页面。