Картинка в шаблоне слайдера через дополнительное поле

[saizar 1]

Здравствуйте дорогие друзья, есть сайт playgrad.ru, как вы видите на самом верху в шапке есть слайдер, выводящий картинки из ТОПовых новостей.

Код шаблона слайдера

<div data-src="{image-1}" data-thumb="{image-1}" data-link="{full-link}">

<div class="camera_caption fadeFromBottom">{title} <a href="{full-link}" style="float:right;">Подробнее</a></div>

</div>

где {image-1} тег отвечающий за вывод картинки в слайдере из краткой новости

Так как картинки нужны только определенного размера 1000 на 300, то при добавлении их в краткую новость получается чудовищно некрасиво

И подумал я, что если вместо тега {image-1} слайдер будет получать картинку из дополнительного поля, в которое будет вставляться произвольная картинка при добавлении новости.

Только мне вот непонятно, создал доп. поле, обозвал его скажем image, вставил вместо {image-1} конструкцию

[xfgiven_image] [xfvalue_image] [/xfgiven_image]

и в новость в доп. поле добавил ссылку на картинку, пробовал и с тегами и без них - не работает и все тут.

Как бы заставить ни только работать доп. поле в слайдере но и в случае, если доп. поле не заполнено, использовался бы старый тег {image-1}

[SaD 16]

[xfgiven_image] [xfvalue_image] [/xfgiven_image]

[xfnotgiven_image] {image-1}[/xfnotgiven_image]

[MMysiv 30]

Зачем вам определенный размер картинки? Добавляйте изображения любого размера, просто добавьте в css такой код:

img {

  width: auto\9;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  border: 0;

  -ms-interpolation-mode: bicubic;

}

Изображение будет изменяться само по размеру div-a. Зачем такие сложности)

[saizar 1]

Дело то вот в чем, не отображается картинка, ведь код в слайдере по всей видимости не работает с доп. полями, вместо ссылки на картинку вот что добавляется - сама ссылка на картинку .jpg и сразу же какие то непонятные цифры %20?1410750204223

Зачем вам определенный размер картинки? Добавляйте изображения любого размера, просто добавьте в css такой код:

img {

  width: auto\9;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  border: 0;

  -ms-interpolation-mode: bicubic;

}

Изображение будет изменяться само по размеру div-a. Зачем такие сложности)

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

Изменено 15 сентября 2014 пользователем saizar

[SaD 16]

Дело то вот в чем, не отображается картинка, ведь код в слайдере по всей видимости не работает с доп. полями, вместо ссылки на картинку вот что добавляется - сама ссылка на картинку .jpg и сразу же какие то непонятные цифры %20?1410750204223

Если ссылка появляется, значит всё работает. Скорее всего, вы не туда ссылку пихаете. Попробуйте документацию к слайдеру почитать, как он работает и куда нужно вставлять картинки

[saizar 1]

Дело то вот в чем, не отображается картинка, ведь код в слайдере по всей видимости не работает с доп. полями, вместо ссылки на картинку вот что добавляется - сама ссылка на картинку .jpg и сразу же какие то непонятные цифры %20?1410750204223

Если ссылка появляется, значит всё работает. Скорее всего, вы не туда ссылку пихаете. Попробуйте документацию к слайдеру почитать, как он работает и куда нужно вставлять картинки

ссылку я пихаю в доп. поле при редактировании новости в админке

Документации нет по слайдеру, не отвечает разработчик шаблона и слайдера к нему

Изменено 15 сентября 2014 пользователем saizar

[MMysiv 30]

Дело в том, что приведенный код будет не растягивать, а изменять размер пропорционально. А относительно вашего вопроса:

[xfgiven_image]<img src="[xfvalue_image]" alt="{title}">[/xfgiven_image]

[xfnotgiven_image]<img src="{image-1}" alt="{title}">[/xfnotgiven_image]

В чем собственно проблема?)

Изменено 15 сентября 2014 пользователем MMysiv