文件名称:dynamicgrid:与Photostream中存在的Flickr算法类似的动态照片网格
文件大小:7KB
文件格式:ZIP
更新时间:2024-05-21 17:59:36
HTML
dynamicgrid.js ####说明这旨在提供与Flickr的照片流类似的美感。 照片行的高度相等,照片保持与原始约束成比例。 ##实现dynamicgrid.js ####实施之前所有照片必须已经在照片容器div中,如果您正在动态加载containerList ,此代码才能起作用。 它使用elem.querySelectorAll('img')查找所有可用图像以进行处理并适合网格。 使用前,请确保以下各项: 容器设置为text-align: center 。 您的图像设置为display: inline-block 。 容器设置为“ visibility: hidden ,因为在加载照片之前(由于高度/宽度的变化),才应该看到容器。 #### Implementation Dynamicgrid.js将对象作为所有规范的输入,如下所示: var gridObject
【文件预览】:
dynamicgrid-master
----dynamicgrid.min.js(2KB)
----redditload.html(4KB)
----README.md(3KB)
----dynamicgrid.js(2KB)
----nanoajax.js(686B)
----test.html(3KB)