Вывод слайдера с фото из пользовательского св-ва Bitrix?

Question

[Insom84]

Здравствуйте! Создал множественное пользовательское св-во. Подскажите, как вывести его так, чтобы загруженные фотографии выводились слайдером со стрелочками для перелистывания?

Answer 1

[IgorVader]

такой слайдер ?
В каком модуле ты добавил пользовательские свойства ?

Comments

[Insom84]

Вроде того, да. Т.е. выведена одна фотография со стрелочками, при нажатии раскрывается.
В инфоблоке новостей добавил множестенное сво-во фотографий

[Insom84]

т.е. в нераскрывшемя виде тоже, чтобы перелистывались

[IgorVader]

Insom84, в инфорблоке наверно просто свойство элемента или все же UF_СВОЙСТВО ?

[IgorVader]

Ну вообщем в компоненте news или news.list указываешь свойство для вывода
вот код который добавляет такой слайдер

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Просмотр изображений");
   CJSCore::Init(Array("viewer"));
?>
   <div id="db-items" >
      <span class="feed-com-img-wrap" style="width:548px;">
         <img 
            onload="this.parentNode.className='feed-com-img-wrap';"
            src="http://www.1c-bitrix.ru.images.1c-bitrix-cdn.ru/upload/iblock/28b/box_cms_125_143x158.jpg"
            data-bx-viewer="image" 
            data-bx-title="CMS" 
            data-bx-src="http://www.1c-bitrix.ru/images/gr/bus125_2/02.jpg" 
            data-bx-download="http://www.1c-bitrix.ru/images/gr/bus125_2/02.jpg" 
            data-bx-width="548" 
            data-bx-height="346" 
         />
      </span>
      <span class="feed-com-img-wrap" style="width:548px;">
         <img 
            onload="this.parentNode.className='feed-com-img-wrap';"
            src="http://www.1c-bitrix.ru.images.1c-bitrix-cdn.ru/upload/iblock/d5b/box_cp_125_143x158.jpg"
            data-bx-viewer="image" 
            data-bx-title="KP" 
            data-bx-src="http://www.1c-bitrix.ru/images/new/cp11/meeting/podg.png" 
            data-bx-download="http://www.1c-bitrix.ru/images/new/cp11/meeting/podg.png" 
            data-bx-width="548" 
            data-bx-height="346" 
         />
      </span>
   </div>
<script>
BX.ready(function(){
   var obImageView = BX.viewElementBind(
      'db-items',
      {showTitle: true, lockScroll: false},
      function(node){
         return BX.type.isElementNode(node) && (node.getAttribute('data-bx-viewer') || node.getAttribute('data-bx-image'));
      }
   );
});
</script>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

[IgorVader]

https://dev.1c-bitrix.ru/user_help/components/cont...
Ctrl+f = PROPERTY_CODE

[Insom84]

IgorVader, вот такое св-во. Я не знаю, какое оно(

[Insom84]

IgorVader, т.е. возможность добавлять фотографии в админке появилась.
Этот код который вы прислали в шаблон страницы надо закинуть или отдельно как то?

[IgorVader]

Insom84, да , нужно добавить в шаблон

[Insom84]

IgorVader, попробую, спасибо!

[Антон]

Для начала нужно в шаблон вывести url картинки.
Он у вас выводится?
Вы в курсе, что получая значения свойства файл, вы получаете только ID файла, а еще нужно получить путь к файлу по ID и возможно навесить ресайз?