Документация для разработчиков

Публичный диалог показа файлов

Расширение viewer (core_viewer.js)

Пример

<?
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");?>


Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.
© «Битрикс», 2001-2019, «1С-Битрикс», 2019
Наверх