На время проведения реконструкции сайт переведён в режим "ТОЛЬКО ЧТЕНИЕ" (Read only). Приносим свои извинения!
MaxHub
Полезности по Maxsite CMS

Colorbox: как убрать/скрыть пустой title заголовок?

Компоненты, юниты и т.п. / 26 июля 2014

В комплекте с движком maxSite CMS идёт замечательный плагин Colorbox, который позволяет делать красивые превьюшки картинок или кастомные диалоги. Единственный минус библиотеки colorbox в том, что некоторые популярные действия не доступны «из коробки», хотя вполне реализуются с помощью jQuery и мощного API Colorbox. Одной из таких популярных задач является сокрытие блока заголовка «всплывшего» окошка если заголовок пустой.

Конечно, всё зависит от выбранного стиля оформления, но по-умолчанию, блок заголовка отображается всегда. Чтобы его скрыть нужно написать небольшой скрипт, в котором будет выполнятся действие сокрытия пустого заголовка. Мой скрипт выглядит так:

$(document).ready(function () {
 $(document).bind('cbox_complete', function(){
  if( $('#cboxTitle').html() == '' )
  {
   $('#cboxTitle').hide();
  }
 });
});

Его можно разместить в любом удобном для вас месте. Лично я сделал отдельный файл с этим скриптом и размещаю его в подпапке \js\autoload папки моего шаблона. Для удобства прикладываю свой файл.

Скачать: colorbox_title_hide.zip15

ЗЫ: Скрипт помогает даже если у вас другой движок - WordPress, Drupal, ModX и т.п. Просто способ подключения нужно выбрать соответственно требованиям вашего движка.

Комментариев: 1
  1. Благодарю за полезную статейку.