Galleria фатальная ошибка: не удалось извлечь высоту сцены из CSS. Проследить высота: 0px

Если у меня есть строка <style type="text/css"></style>, даже если он пуст, Galleria выдает сообщение об ошибке " фатальная ошибка: не удалось извлечь высоту этапа из CSS. Проследить высота: 0px."

похоже, что, хотя я говорю galleria использовать высоту 300 через:

$('#galleria').galleria({ 
width: 300, 
height: 300, 
transition: 'fade' 
});

он пытается сначала определить высоту, и строка CSS запутывает его, поэтому он выдает эту ошибку. Если я удалю эту строку, больше не будет ошибок.

есть в любом случае я все еще могу использовать <style type="text/css"></style>? мы используем его, чтобы настроить внешний вид нашего сайта на основе клиента, использующего его.

36
galleria jquery

11 ответов

убедитесь, что вы включают в себя:

руководитель:

<link type="text/css" rel="stylesheet" href="galleria/themes/classic/galleria.classic.css">
<script type="text/javascript" src="js/galleria-1.2.5.min.js"></script>
<script type="text/javascript" src="galleria/themes/classic/galleria.classic.min.js"></script>

также в стиле страницы:

#galleria{height:467px}

и ниже изображения:

<script type="text/javascript">
$('#gallery').galleria({
width: 700,
height: 467 //--I made heights match
});
</script>

Если у вас есть проблемы с этим устранением неполадок с чистой установки и добавить, пока не найдете причину.

53

вам нужно дать контейнеру изображений galleria высоту в css. Именно здесь галерея показывает изображения (поэтому она должна быть меньше высоты самой галереи).

.galleria-stage {
    height: 450px;
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    overflow: hidden;
}
10

это может помочь кому - то, кто все еще получает эту ошибку:-

Я получил эту ошибку, потому что у меня была скрытая галерея.

исправить:- Дайте галерее div высоту в CSS, а затем в js-файле,

Galleria.run('#gallery', {
  height: parseInt($('#gallery').css('height')),
  wait: true
 });

увидеть эти ссылки для получения дополнительной информации:- http://galleria.io/docs/references/errors/

http://galleria.io/docs/options/wait/

9

у меня была эта ошибка только в IE. Решение: сила, высота.

в галерее.классический.css CSS добавить высоту для класса .galleria-stage

пример.

.galleria-stage { 
  height:450px; <-- set this to any height and i should work :)
  position: absolute; 
  top: 10px; 
  bottom: 60px; 
  left: 10px; 
  right: 10px; 
  overflow:hidden;
}
5

Scenerio

если это происходит с вами, это, скорее всего, потому, что у вас есть элемент Galleria скрыт при загрузке страницы. Это упоминается в нескольких других ответах, но решения, которые описывают эти ответы, не обязательно являются лучшими методами.

3

попробуйте установить DocType, как показано ниже, если вы используете классическую тему Вместе с установкой высоты и ширины.galleria-этап css класса в галерее.классический.css файл

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
2

У меня была такая же проблема при использовании jQuery galleria и я решил это. Я изменил некоторые параметры в Galleria-1.2.5.минута.js.

здесь это ссылка для загрузки библиотеки, просто скопируйте код и вставьте его в свой JS-файл.

2

Я добавляю ответ на этот вопрос, поскольку все вышеперечисленное не сработало для меня. В моем случае я загружал galleria (1.2.7) динамически в встроенный кросс-доменный виджет javascript. Несмотря на то, что высота сцены была установлена правильно, скрипты были загружены и galleria инициализирован правильно это сообщение об ошибке будет периодически отображаться.

Я закончил тем, что изменил источник galleria, чтобы подавить сообщения об ошибках от отображения (возможно, лучшим вариантом было бы сделать это зависит от флага отладки, однако я не чувствовал необходимости)

Galleria.raise = function( msg, fatal ) {

    var type = fatal ? 'Fatal error' : 'Error',

        self = this,

        css = {
            display: none;
        },
1

у меня был тот же pb. потом я попробовал что-то еще. все мои файлы javascript были в конце моего html-файла. поэтому я попытался переместить их все прямо перед </head> закрывающий тег . 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="lib/galleria/galleria-1.2.5.js" /></script>
<script type="text/javascript" src="lib/galleria/themes/classic/galleria.classic.min.js"></script>
</head>

Я не очень доволен кодированием таким образом (т. е. javascript в конце). в любом случае, кажется, что это работает, и галерея отличная !

1

на - инструкции, раздел Setting dimensions , ни в CSS (очевидно, подменить #galleria для того, что когда-либо вы идентифицируете свою обертку, я использую класс под названием galleria, поэтому я использую .galleria)

#galleria { width: 700px; height: 400px; }
1

после нескольких попыток ни одно из вышеперечисленных решений не сработало для меня. Это странная ошибка, так как ее трудно воспроизвести и отследить, иногда работает, а иногда нет.

но пробовать вещи, найденные в сети, это, кажется, работает, на данный момент. Для тех, кто застрял с этим, я думаю, стоит попробовать:

  • открыть galleria-1.2.6.min.js
  • заменить timeout:1E4 строка timeout:1E10
-1