Zurb基金会与奏鸣曲媒体束交汇处

Question

我目前正在尝试将Zurb基金会的与合并。

交换文档指出，您应该执行以下操作：

<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">

因此，在我的项目中，我尝试了以下几点：

<img data-interchange="[{% media post.image, 'small' %}, (default)], [{% media post.image, 'big' %}, (large)]">

然而，这样做的结果如下：

​

​

因此，它不尊重交换规则，而是忽略它们，并将图像放置两次。是否有人能正确地操作，或对我如何修复它有任何建议？

顺便说一句，我意识到这个图像质量很差--我只是用它作为测试图形。

Answer 1

好的，在奏鸣曲项目的帮助下解决了这个问题。使用“Media”标记add将图像呈现为图像，这通常是有用的，但在这种情况下，它反而会破坏图像。因此，与其使用“Media”，不如使用“path”，它只呈现图像路径，这更适合对其图像的期望。最后的代码如下所示：

<img data-interchange="[{% path post.image, 'small' %}, (small)], [{% path post.image, 'big' %}, (large)]">

来源：https://github.com/sonata-project/SonataMediaBundle/issues/577