文件名称：responsive-image-grid-js:适应不同尺寸图像的响应式图像网格
文件大小：11.01MB
文件格式：ZIP
更新时间：2024-06-03 22:29:46
JavaScript
响应式图像网格 以下脚本从具有不同尺寸的一组图像中渲染响应式图像网格。 您可以将具有许多不同大小的图像放入此网格中，并且它们将很好地显示。 使用JavaScript调整图像的大小，以便它们填充相等高度的行并填充其容器的宽度。 可以通过更改setRowHeight函数中馈给'gap'参数的值来调整图像之间的间隙。 指示 目录结构 将所有全尺寸图像放入以下目录：/ img / full 将所有较小尺寸的图像放入以下目录：/ img / thumbs 请确保图像文件名中没有空格或特殊字符，因为此版本的脚本中没有URL编码。 为了使此脚本版本正常运行，每个映像的小版本必须与映像的大版本具有相同的文件名和扩展名。 将所需的所有图像放置在full和thumbs文件夹中的网格中后，您可以选择所有文件（在任一文件夹中）并进行复制。 将它们粘贴到一个空的sublime文本文档中，并运行此存储库中包含