Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как объединить фотографии в галерею в FancyBox 3?

Как объединить фотографии в галерею в FancyBox 3?


     22.03.2018    fancybox, галерея, фото    jQuery, Модули    2811

вопрос
Не получается объединить фотографии в галерею так, чтобы появились стрелки навигации, как здесь: https://fancyapps.com/fancybox/3/#gallery-1
По одной фотографии открывается нормально, если добавить class к ссылке на фото, например photo и установить скрипт

<script type="text/javascript">
$(document).ready(function(){$(".photo").fancybox();});
</script>


Пробовал к фотографиям добавлять атрибут data-fancybox="group" - не работает.
Пробовал добавлять атрибут rel="group" и скртипт:

<script type="text/javascript">
$(document).ready(function() {
    $("a[rel=group]").fancybox({
        'transitionIn' : 'none',
        'transitionOut' : 'none',
        'titlePosition' : 'over',
        'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
        }
    });
});
</script>


Тоже не получется.

Где может быть ошибка?

Ответа пока нет


2 комментария

dim
Юзер

dim - 22 марта 2018 14:46 -

Заметил, что DLE режет код и в CatFace, и в обычных новостях.
data-fancybox="group" и rel="group" отсутствуют в исходном коде страницы.
Может быть в этом дело? Как исправить?

dim
Юзер

dim - 22 марта 2018 15:42 -

Да, дело в том, что CMS режет код.
Попробовал напрямую вставить в базу данных, заработало.
Как сделать так, чтобы код учитывался?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 06.05.2013 severnake  jQuery
наверх