[SOLVED] Lightbox/Slimbox перестал работать

16 Posts

androld Reply #1, 16 years, 1 month ago

Доброго времени суток, всезнающий ALL!

Появилась проблема - перестал работать Slimbox.
При нажатии на картинку-ссылку увеличенная картинка подгружается не в лайтбоксовом оформлении, а просто в самом конце страницы. В чём дело, понять не могу sad

Никто не сталкивался с подобным?

Мой сайт http://anumiz.org.ua, страница для примера - http://anumiz.org.ua/austria/austria-repub-2/aus_km2942.html.
Подключаю скрипт вот так:

<head>
...
  <script type="text/javascript" src="assets/templates/anumizSite/js/mootools.1.11.js"></script>
  <script type="text/javascript" src="assets/templates/anumizSite/js/slimbox.js"></script>
...
</head>

230 Posts

PoMeO Reply #2, 16 years, 1 month ago

ну собственно картинка которая у вас появляется внизу сайта в коде выглядит так

<div class="" style="width: 425px; margin-left: -212.5px;">
<div style="visibility: visible; opacity: 1; background-image: url(http://anumiz.org.ua/assets/images/austria/km2942_1979_r.gif); width: 425px; height: 425px;">
<a style="display: none; height: 425px;"/>
<a id="lbNextLink" style="display: none; height: 425px;"/>
</div>
</div>
<div style="margin-left: -212.5px;">
<div style="width: 425px; margin-top: 0px;">
<a/>
<div/>
<div/>
<div/>
</div>
</div>

в этом коде нет ничего из-за чего картинка должна открываться по середине экрана, т.е. явно прописанных style с position:absolute нет, ни id не class к которым привязан assets/templates/anumizSite/css/slimbox.css нет. Почему так происходит разбирайтесь сами =)

16 Posts

androld Reply #3, 16 years, 1 month ago

Спасибо! Пошёл копаться в стилях...

16 Posts

androld Reply #4, 16 years, 1 month ago

Получилось!

Перенёс подгрузку CSS и скриптов из HEAD’а в BODY. Всё заработало!

Подключил скрипт вот так:

<body>
  <link rel="stylesheet" href="assets/templates/anumizSite/css/slimbox.css" type="text/css" media="screen" />
  <script type="text/javascript" src="assets/templates/anumizSite/js/mootools.1.11.js"></script>
  <script type="text/javascript" src="assets/templates/anumizSite/js/slimbox.js"></script>
...

230 Posts

PoMeO Reply #5, 16 years, 1 month ago

это конечно не правильно и причина в чем-то другом, но думаю вам уже не интересно разбираться в этом если работает

16 Posts

androld Reply #6, 16 years, 1 month ago

О переносе из HEAD’a в BODY увидел на форуме поддержки Slimbox’a, пара глюков была решена именно таким переносом.

2,113 Posts

AKots Reply #7, 16 years, 1 month ago

Неправы все, а автор темы вообще ерундой занимается. CSS абсолютно не при чем! Все дело в библиотеке mootools. На странице mootools загружается несколько раз, причем в разной конфигурации. Поддержка конкретных функций зависит от того, какая версия будет первой, а какая – последней. Достаточно было поменять загрузку mootools для ajaxsearh и для Slimbox местами, чтобы заработало. Но при этом перестал работать ajaxsearh в режиме ajax. Впрочем, он все равно неправильно на сайте работает.

Создание сайтов на MODx, поддержка сайтов, поисковая оптимизация, программирование, копирайтинг
Статьи о MODx, регулярно новые публикации

16 Posts

androld Reply #8, 16 years, 1 month ago

Принял к сведению.
Тогда может подскажите выход из ситуации?

230 Posts

PoMeO Reply #9, 16 years, 1 month ago

AKots код который у человека сейчас выводится

<div id="lbCenter" class="" style="width: 445px; height: 445px; margin-left: -222px; top: 55.9333px;">
<div id="lbImage" style="visibility: visible; opacity: 1; background-image: url(http://anumiz.org.ua//assets/images/austria/km2942_1979_r.gif); width: 425px; height: 425px;">
<a id="lbPrevLink" href="#" style="display: none; height: 425px;"/>
<a id="lbNextLink" href="#" style="display: none; height: 425px;"/>
</div>
</div>
<div id="lbBottomContainer" style="top: 500.933px; margin-left: -222px;">
<div id="lbBottom" style="width: 425px; margin-top: 0px;">
<a id="lbCloseLink" href="#"/>
<div id="lbCaption"/>
<div id="lbNumber"/>
<div style="clear: both;"/>
</div>
</div>

удивительно да, id везде появились, я же выше написал нет ничего на что могут срабатывать стили, а вы говорите "CSS абсолютно не при чем"

2,113 Posts

AKots Reply #10, 16 years, 1 month ago

Quote from: androld at Mar 21, 2008, 12:27 PM

Тогда может подскажите выход из ситуации?

Нужно сформировать mootools такой конфигурации, чтобы работали и ajaxsearh и Slimbox, после чего добиться, чтобы загружалась именно эта версия. Это если нужен ajaxsearh в режиме ajax, в противном случае просто не загружать mootools для ajaxsearh. Кстати, на сайте какие-то проблемы с кодировкой и поиском.

Quote from: PoMeO at Mar 21, 2008, 12:32 PM

удивительно да, id везде появились, я же выше написал нет ничего на что могут срабатывать стили, а вы говорите "CSS абсолютно не при чем"

Я опять повторю, что CSS не при чем shocked

! Просто теперь нормально прошла инициализация mootools и выполнилась программа в slimbox.js, а раньше нужные элементы просто не генерировались с помощью JavaScript.

Создание сайтов на MODx, поддержка сайтов, поисковая оптимизация, программирование, копирайтинг
Статьи о MODx, регулярно новые публикации