Лайтбокс: Highslide и Colorbox

Question

Ну, главный из них, с которым я работаю, это Highslide, но я попробовал оба варианта.

Моя проблема в том, что фон не исчезает, когда выбранное изображение появляется в окне лайтбокса.

Я пробовал и Highslide и Colorbox, та же проблема. Я также перепробовал все браузеры, и во всех них происходит одно и то же.

Highslide - мое предпочтение. У меня есть highslide.js и highslide.css, которые связаны с моей страницей без ошибок. У меня есть горка с колыбелью <a> ссылка и работает просто отлично. Все, кроме полупрозрачного замирания фона при выделении, которое не происходит.

Есть идеи, что может быть причиной этого?

Answer 1

У вас есть синтаксическая ошибка. Тег сценария в HTML не является самозакрывающимся. Вы не можете сделать это:

<script type="text/javascript" src="/assets/js/highslide-full.min.js" />

Это должно быть:

<script type="text/javascript" src="/assets/js/highslide-full.min.js"></script>

Вы должны всегда запускать свою страницу через валидатор, чтобы поймать подобные вещи. Это может сэкономить вам часы отладки!

Как только эта ошибка будет исправлена, убедитесь, что файл highslide.css загружается (вероятно, это просто синтаксическая ошибка, непосредственно предшествующая ей, которая препятствует загрузке highslide.css).

Answer 2

Убедитесь, что вы используете highslide-full.js, а не просто highslide.js, который является лишь подмножеством полного сценария и не включает фон, затемняющий вас. Затем в конфигурации Highslide установите непрозрачность затемнения со значением от 0 (без затемнения) до 1 (полностью черный):

hs.dimmingOpacity = 0,75;

Если он все еще не работает, будет полезна ссылка на вашу страницу.