基础交换响应图像只加载img src

Question

我对foundation.So非常陌生，我不知道为什么交换不起作用。唯一工作的图像是img。其他任何一个都不是动态生成的。这是一个不错的路径，那么下面的代码是错误的还是需要一个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

我也有问题，我一直在寻找答案很长时间，最后我不得不使用正常的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是我形象的一个类。

Answer 2

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

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

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