我正在使用版本Galleria 1.2,我知道它有点过时了,我遇到了IE7和IE8的问题。 FireFox工作正常。我试图升级到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,我会得到:
我不确定如何修复它。
谢谢!
答案 0 :(得分:0)
尝试在加载CSS后加载<script type="text/javascript" src="~/content/js/galleria.js"></script>
。
答案 1 :(得分:0)
升级到最新版本的Galleria解决了这个问题。但是,它引入了一些新的。 :(