Bootstrap轮播图像调整服务器端

Question

我需要一个解决方案，使响应式设计图像能够调整来自服务器的图像！

因此，例如，当用户坐在移动设备上时，可能需要相当长的时间才能将原始图像上传到900x900的客户端。

有没有人之前做过这个或者有个好主意？

Answer 1

您可以使用像phpThumb这样的PHP库 - http://phpthumb.sourceforge.net/

这会在服务器上创建大小的图像，并保留缓存供将来使用...

如果你正在运行php ....

<强>更新

要在响应式设计中集成这样的东西，有几种方法可以处理它。

1. 您可以使用可以检测视口大小的JavaScript库，并相应地替换img src属性。

2. 使用背景图片代替<img>标签。然后你可以用CSS本地完成它。

3. 使用CSS :before和:after以及content: ""通过CSS插入图片代码。