Используйте быстрый просмотр в fancybox

Question

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

Вот код

$(".hotel_gallery").attr("data-fancybox", "gallery")
  .fancybox({
    prevEffect: "none",
    nextEffect: "none",
    closeBtn: true,
    arrows: true,
    beforeShow() {
      this.title = this.src;
    },
    helpers: { title : { type : "inside" } }
  });

Я хочу использовать быстрый просмотр

Поэтому я переписываю кодкак это

$(".hotel_gallery").attr("data-fancybox", "quick-view")
  .fancybox({
    prevEffect: "none",
    nextEffect: "none",
    closeBtn: true,
    arrows: true,
    beforeShow() {
      this.title = this.src;
    },
    helpers: { title : { type : "inside" } }
  });

Но у него все еще есть галерея

Но здесь атрибут изменился

Здесь это

<a class="hotel_gallery thumb_a" href="https://aobtravel.s3.amazonaws.com/hotelpictures/004/075/389/LON-91A-2.jpg?1387235916" data-fancybox="quick-view">

Где проблема может быть

Answer 1

Так что после поиска я делаю код записи.

Вот код js

 $(".hotel_gallery").attr("data-fancybox", "quick-view")
  .fancybox({
    prevEffect: "none",
    nextEffect: "none",
    closeBtn: true,
    arrows: true,
    beforeShow() {
      this.title = this.src;

    },
    afterLoad(instance, current ){
      if ( instance.group.length > 1 && current.$content ) {
        current.$content.append('<a data-fancybox-next class="button-next" href="javascript:;">→</a><a data-fancybox-previous class="button-previous" href="javascript:;">←</a>');
      }
      current.$content.append('<a data-fancybox-close class="button-close" href="javascript:;">×</a>');
    },
    helpers: { title : { type : "inside" } }
  });

Он меняет материал по умолчанию на пользовательский