Я использую версию Galleria 1.2, которая, как я знаю, немного устарела, и у меня возникают проблемы с IE7 и IE8. FireFox работает правильно. Я попытался перейти на 1.2.2, но столкнулся с другими проблемами, с которыми мне придется столкнуться позже из-за нехватки времени.
Проблема в том, что фон лайтбокса становится черным вместо непрозрачности 50%. Если я нажимаю на изображение второй раз, лайтбокс открывается правильно.
Первый клик:
![enter image description here](https://i.stack.imgur.com/JDQkF.png)
Второй клик:
![enter image description here](https://i.stack.imgur.com/TJwht.png)
Мой код:
<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:
![enter image description here](https://i.stack.imgur.com/t94gq.png)
Если я сам загружаю css перед загрузкой компонента, я получаю это:
Я не уверен, как это исправить.
Спасибо!