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

我也遇到了问题，我找了很长时间才找到答案，最后我不得不使用普通的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.从“small”，“medium”，“large”中删除括号。您还应该删除“src =”，以便它不会加载资源两次。

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

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

2 个答案: