在响应网格中更改图像

时间:2014-09-30 02:04:09

标签: jquery image grid swap packery

我希望创建一个具有不同大小的图像的响应式网格,类似于http://packery.metafizzy.co/,但也会将这些图像换出。我发现一些东西可以改变图像与正方形相同的尺寸但是想换掉不同尺寸的元素。类似于Instagram的东西。

http://instagram.com/universityofwesternsydney

这样的任何jquery插件?

1 个答案:

答案 0 :(得分:0)

你不需要jQuery来做这件事,因为它可以完全用CSS完成。

使用Bootstrap

Bootstrap提供Grid system来布置响应式设计。

此外,它提供了一种隐藏/显示特定屏幕宽度的元素(甚至图像)的方法Responsive utilities

如果您不想使用Bootstrap,那么您可以使用CSS @media{}查询来显示/隐藏某些大小的某些元素 - Bootstrap基本上会这样做,但将其打包以便于访问。相当容易,并且不需要javascript / jQuery。