Foundation 交换响应图像仅加载 img src

Question

基金会的新手。到目前为止，我不知道为什么交换不起作用。唯一有效的图像是 img src。其他的都不是动态生成的。这不是一条错误的路径，那么下面的代码是否错误，或者可能需要一个 javascript 文件？我有foundation.interchange.js 以及其余的js 文件。

<img data-interchange="[img/small.jpg, (small)], [img/medium.jpg, (medium)], [img/large.jpg, (large)]" data-uuid="interchange-i2pip11r1" src="img/large-banner.jpg">

Answer 1

这花了我很长时间，我们可能犯了同样的错误。

您的语法来自 Foundation 5。删除“small”、“medium”、“large”中的括号。您还应该删除“src=”，这样它就不会加载资源两次。

<img data-interchange="[img/small.jpg, small], [img/medium.jpg, medium], [img/large.jpg, large]" data-uuid="interchange-i2pip11r1">

Answer 2

我也有这个问题，我找了很长时间才找到答案，最后我不得不为我的图像使用普通的 css，因为我无法解决这个问题。

@media (max-width: 1120px) {
    .map {
        width: 625px;
        height: 380px;
    }
}

@media (max-width: 855px) {
    .map {
        width: 480px;
        height: 375px;
    }
}

@media (max-width: 675px) {
    .map {
        width: 0;
        height: 0;
    }
}

map 是我的图像的一个类。