Показать сообщение отдельно
  #1 (permalink)  
Старый 20.03.2015, 01:29
Аспирант
Отправить личное сообщение для ILL-JAH Посмотреть профиль Найти все сообщения от ILL-JAH
 
Регистрация: 24.03.2011
Сообщений: 93

fancybox работает некорректно.
Всем привет.
Начал прикручивать fancybox через директиву. Столкнулся с такой проблемой: не отображаются стрелки для перелистывания галереи. То есть fancybox не видит группу и показывает в попапе только то изображение, по которому кликаешь.

Шаблон галереи:
<div class="item col-xs-12 col-sm-6 col-md-4 col-lg-4" ng-repeat="model in models">
  <div class="box">
    <h2 class="head">{{model[0]}}</h2>
    <div class="body">
      <a class="ref" fancybox="" data-fancybox-group="gallery1" ng-click="fancy($event)" href="../models/{{model[0]}}" title="{{lang.enlargeScreen}}">
        <img class="pic" ng-src="../models/{{model[1]}}" alt="" />
      </a>
    </div>
  </div>
</div>

Разметка выше вставляется в другой промежуточный шаблон так:
<div class="row content" ng-include="getTpl()"></div>

А промежуточный шаблон вставляется в ng-view основного шаблона.

Директива:
app.directive('fancybox', function(){
    return {
        link: function($scope, element, attrs) {
            element.fancybox({
              helpers: {
                overlay: { locked: false },
                title: null
              }
            });
        }
    }
});
Ответить с цитированием