使用PHP类动态调整图像时ZURB基金会中的JS问题 我用Zurb基金会建立了一个响应网站。

我有一个PHP脚本，如果在URL中附加一个带有新维度的查询字符串，它将使用gdlib调整图像大小并缓存图像。例如，要将图像大小调整为300px宽：

我还使用了一些HTACCESS重写规则来使这个URL美观，并避免使用查询字符串。因此，此URL给出与上述相同的结果：

PHP文件执行一些简单的算法来约束宽度或高度，检查大小调整后的版本是否已经在缓存中，如果已经在缓存中，则输出它，如果没有，则调整图像大小，使用imagejpeg保存它，并将其与标题一起输出（“内容类型：image/jpeg”）

我也使用ZURB基金会，希望使用互通JavaScript，像这样：

<img src="http://www.mydomain.com/img/300w/path/to/picture1.jpg" 
data-interchange="[http://www.mydomain.com/img/300w/path/to/picture1.jpg, (default)],
[http://www.mydomain.com/path/to/picture1.jpg, (medium)]">

然而，这似乎不起作用。两个断点仅显示300px。经过大量测试后，很明显，只有src属性中的内容才被接受。通过调整大小脚本的图像不起作用。这是真实的，即使它应该使用中等图像，这是全尺寸图像的直接路径

我试图调试交换javascript，但对javascript不是很熟练

---

任何帮助或建议都将不胜感激。一定有人试图在响应站点上使用interchange.js在PHP中使用动态调整大小的图像。

不需要调试interchange，它工作得很好

首先，您是否在interchange.js（依赖性）之前包含foundation.js文件

调试提示：尝试使用默认/中/小图像，并使用不同的图像（例如：不同的颜色矩形）快速注意到更改

另外，在您的示例中，只有一个路径（见下文），并且您有一个“默认”命名查询。两次加载同一图像有什么意义？您可能希望您的默认大小为src=“”，然后（通常）使用更大的大小

interchange所做的是让src“（ex:small.jpg）”像往常一样加载（因此显示时不启用js），然后根据命名查询/媒体查询加载更大的图像。因此，也许您可以在上传时生成所有图像大小（无需检查大小是否存在）。至少，这是我用wordpress的方式

<img src="http://www.mydomain.com/img/default-size/300w/path/to/picture1-small.jpg"
data-interchange="[http://www.mydomain.com/img/medium-size/800w/path/to/picture1-medium-sized.jpg, (medium)],
[http://www.mydomain.com/img/large-size/1200w/path/to/picture1-large-sized.jpg, (large)]">

<代码> > P> >我可以看到，包含URL的参数及其正则表达式
可能存在问题。我发现与基础4的互通不与JPEG一起工作，但与.jpg可能会检查。