基金会Zurb交换与Sonata媒体捆绑

Question

我目前正在尝试将基因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)]">

然而，这导致以下结果：

因此，它不会遵守交换规则而忽略它们并将图像置于两次。有没有人让这个工作正常，或者有任何关于我如何修复它的建议？

另一方面，我意识到图像是垃圾质量，我只是将它用作测试图形。

Answer 1

好的，在Sonata项目的Rande的帮助下弄明白了。使用＆＃39;媒体＆＃39;渲染图像标签添加其他html到图像的负载，这通常是有用的，但在此上下文中打破它。因此，而不是使用媒体＆＃39;你应该使用＆＃39; Path＆＃39;它只呈现了更适合Zurb Interchange如何期待它的图像的图像路径。所以最终的代码如下：

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

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