Проблемы с CSS в Galleria и LightBox IE7 и IE8

Я использую версию Galleria 1.2, которая, как я знаю, немного устарела, и у меня проблемы с IE7 и IE8. Фаерфокс работает корректно. Я попытался обновиться до 1.2.2, но столкнулся с другими проблемами, с которыми мне придется разобраться позже из-за нехватки времени.

Проблема в том, что фон лайтбокса открывается черным вместо непрозрачности 50%. Если я нажму на изображение во второй раз, лайтбокс откроется правильно.

Первый клик:

введите здесь описание изображения

Второй щелчок:

введите здесь описание изображения

Мой код:

<script type="text/javascript" src="~/content/js/galleria.js"></script>
<script type="text/javascript">Galleria.loadTheme('~/content/css/Galleria/galleria.classic.js');</script>


$('#imageGallery').galleria({ 
    debug: true,
    width: 300,
    height: 225,
    showInfo: false,
    showCounter: false,
    showImagenav: false,
    data_source: data,
    on_image: function(image, thumb) {
        var gallery = this;
        $(image).click( function() {
            gallery.openLightbox();

            });
            }

}); 

Вот запрос страницы с использованием Fiddler, который, кажется, показывает загружаемый файл css:

введите здесь описание изображения

Если я сам загружаю css до загрузки компонента, я получаю следующее:

введите здесь описание изображения

Я не знаю, как это исправить.

Спасибо!


person rboarman    schedule 16.03.2011    source источник
comment
Если кто-то ответит на это без примера кода, я буду впечатлен.   -  person Phil    schedule 17.03.2011
comment
Хорошая точка зрения. Единственное, что я использую их файлы css из коробки без каких-либо изменений.   -  person rboarman    schedule 17.03.2011


Ответы (2)


Попробуйте загрузить <script type="text/javascript" src="~/content/js/galleria.js"></script> после того, как CSS уже загружен.

person Phil    schedule 17.03.2011
comment
Я не загружаю файл css явно. Должна ли я быть? - person rboarman; 17.03.2011
comment
что происходит (я думаю), так это то, что javascript запускается без CSS, поскольку он загружается за секунду. Это объясняет, почему значение CSS применяется ПОСЛЕ первого клика. Вам не нужно загружать его явно, когда он применяется. - person Phil; 17.03.2011
comment
Я добавил скриншот Fiddler, который, кажется, говорит, что файл css загружается, по крайней мере, из FireFox. Дамп скрипача из IE немного отличается. Завтра придется копнуть поглубже. Спасибо за помощь. - person rboarman; 17.03.2011
comment
Я знаю, что CSS загружается, я говорю, что он загружается вторым. - person Phil; 17.03.2011
comment
Я пытался загрузить css до загрузки galleria.js. Страница довольно сильно перегружена как в IE, так и в FF. Я отправлю изображение, чтобы вы могли видеть. - person rboarman; 21.03.2011

Обновление до последней версии Galleria устранило эту проблему. Тем не менее, он представил некоторые новые. :(

person rboarman    schedule 22.03.2011