Colorbox - удаление кнопок Next & Prev - PullRequest
Новая
       51

Colorbox - удаление кнопок Next & Prev

0 голосов
/ 17 июня 2019

Я пытаюсь удалить кнопки next и prev из cboxOverlay. Все, что я хочу отображать, это кнопка закрытия (cboxClose) и стиль для отображения фотографий.

Я пытался применить предложения, упомянутые в этой более ранней теме , но все безуспешно. У меня установлен Colorbox 1.6.4, кстати, и этот поток с 2013 года.

Отключение группировки с помощью параметра rel: 'nofollow' удаляет кнопку закрытия (cboxClose) и стили для отображения фотографий, а также кнопки «Вперед» и «Предыдущая» - не то, что мне нужно. Плюс строка кода $(".group1").colorbox({rel:'group1'}); больше не существует.

Я вижу, что встроенный атрибут style="inline-block" добавляется к идентификаторам кнопок cboxNext и cboxPrev, и снятие отметки с этого атрибута с помощью инструментов разработчика браузера фактически удаляет кнопки по мере необходимости. Однако, когда я пытаюсь удалить атрибуты стиля для кнопок «вперед» и «предыдущий», добавив следующий код в конец файла jquery-colorbox.js: 

if document.getElementById('next' || 'prev') {
    .removeAttr("style")
};

или 

if document.getElementsByTagName('button') && document.getElementById('next' || 'prev') {
    .removeAttr("style")
};

аналогичным образом снова удаляются кнопка закрытия (cboxClose) и стиль для отображения фотографий, а также кнопки «Вперед» и «Предыдущая».

Любое руководство будет оценено.

1 Ответ

0 голосов
/ 17 июня 2019

Я нашел решение - просто закомментировать следующие 4 строки в файле colorbox.css: 

    /*
    #cboxPrevious{position:absolute; ... }
    #cboxPrevious:after{ ... }
    #cboxNext{position:absolute; ... }
    #cboxNext:after{ ... }
     */

При этом сохраняется кнопка закрытия (cboxClose) и стиль для отображения фотографий по мере необходимости при удалении кнопок «Вперед» и «Предыдущая».

...