Обмен Foundation Zurb с комплектом Sonata Media Bundle

В настоящее время я пытаюсь включить Interchange от Foundation Zurb в пакет 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)]">

Однако это приводит к следующему:

image

Таким образом, вместо того, чтобы соблюдать правила обмена, он игнорирует их и дважды включает изображение. У кого-нибудь это работает правильно, или есть какие-либо предложения относительно того, как я могу это исправить?

Кстати, я понимаю, что изображение дерьмового качества, я просто использую его в качестве тестовой графики.


person Doug    schedule 12.06.2014    source источник
comment
как выглядит обработанный html   -  person nolawi    schedule 13.06.2014


Ответы (1)


Хорошо, разобрались с этим с помощью Ранде из проекта «Соната». Рендеринг изображения с использованием тега «Медиа» добавляет к изображению загрузку другого HTML-кода, который обычно был бы полезен, но в этом контексте вместо этого ломает его. Поэтому вместо использования «Медиа» вы должны использовать «Путь», который отображает только путь к изображению, который больше подходит для того, как Zurb Interchange ожидает свои изображения. Итак, окончательный код выглядит так:

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

Источник: https://github.com/sonata-project/SonataMediaBundle/issues/577

person Doug    schedule 13.06.2014