我希望创建一个具有不同大小图像的响应网格,类似于http://packery.metafizzy.co/而且还可以将这些图像交换出去。我发现了一些改变图像大小与正方形相同的东西,但希望能交换出不同大小的元素。类似于instagram的功能。
http://instagram.com/universityofwesternsydney
有这样的jquery插件吗?
您不需要jQuery来完成这项工作,因为它可以纯在CSS中完成。
使用引导程序
Bootstrap提供了一个网格系统来布局响应式设计。
此外,它还提供了一种使用其响应实用程序以特定屏幕宽度隐藏/显示元素(甚至图像)的方法
如果你不喜欢使用Bootstrap,那么你可以使用CSS @media{}
查询来显示/隐藏特定大小的某些元素——Bootstrap基本上是这样做的,但它会打包以便于访问。做起来相当简单,不需要javascript/jQuery。