0

我目前正在尝试将 Foundation Zurb 的 Interchange 与 Sonata Media 捆绑包合并。

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

<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)]">

但是，这会导致以下结果：

图片

因此，它不尊重交换规则，而是忽略它们并将图像放在两次。有没有人让它正常工作，或者对我将如何修复它有任何建议？

在旁注中，我意识到图像质量很差，我只是将其用作测试图形。

4

1 回答 1

1

好的，在 Sonata Project 的 Rande 的帮助下已经弄清楚了。使用“媒体”标签渲染图像会向图像添加大量其他 html，这通常很有用，但在这种情况下会破坏它。因此，而不是使用“媒体”，您应该使用“路径”，它只呈现更适合 Zurb Interchange 期望它的图像的图像路径。所以最终的代码是这样的：

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

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

于 2014-06-13T06:21:36.240 回答