36 votes

Galleria erreur Fatale: impossible d'extraire un stade à la hauteur de la CSS. Tracé height: 0px

Si j'ai la ligne <style type="text/css"></style> , même si elle est vide, Galleria jette le message d'erreur "erreur Fatale: impossible d'extraire un stade à la hauteur de la CSS. Tracé height: 0px."

Il semblerait que même si je dis galleria d'utiliser une hauteur de 300 via:

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

il essaie d'abord de déterminer la hauteur et la CSS ligne est source de confusion, donc il génère cette erreur. Si je supprime cette ligne, plus aucune erreur.

Est-il de toute façon je peux toujours utiliser <style type="text/css"></style>? nous l'utilisons pour personnaliser l'aspect et la convivialité de notre site en fonction du client de l'utiliser.

53voto

Emilio Points 486

Assurez-vous d'inclure:

Tête:

<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>

Également dans le style de la page:

#galleria{height:467px}

Et ci-dessous les images:

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

Si vous avez des problèmes la résolution de problèmes avec une installation propre et ajouter jusqu'à ce que vous trouver la cause.

11voto

SaphuA Points 718

Vous devez donner à la galerie de l'image contenant une hauteur en css. C'est là galleria montre les images (donc il doit être plus petite que la hauteur de la " galleria lui-même).

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

10voto

Divyanshu Points 158

Il peut aider quelqu'un, qui obtient toujours ce message d'erreur:-

J'ai eu cette erreur parce que j'avais caché la galerie.

CORRECTIF:- Donner la galerie div hauteur en CSS, puis dans le fichier js,

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

Voir ces liens pour plus d'info:- http://galleria.io/docs/references/errors/

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

5voto

Dacarts Points 41

J'ai eu cette erreur uniquement dans IE. La solution est de forcer la hauteur.

Dans la galerie.classique.css CSS ajouter une hauteur, pour la classe .galleria-stage

exemple.

.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;
} 

3voto

VictorKilo Points 1430

Scenerio

Si cela vous arrive, c'est probablement parce que vous avez la galerie de l'élément caché lorsque le chargement de la page. C'est mentionné dans un couple de d'autres réponses, mais les solutions que ces réponses de plan ne sont pas nécessairement les meilleures méthodes.

Problème

Pour moi, j'ai la Galleria conteneur mis à l' display:none; lorsque la page se lance. La galerie de l'objet est dans une lightbox, afin de ne pas apparaître jusqu'à ce que l'utilisateur clique sur un bouton. Cette display:none de la propriété est ce qui est à l'origine du problème.

Solution

Au lieu de cacher l'élément avec display:none; utilisent une grande négative de la marge de gauche comme left:-9999px; ou margin-left:9999px. Une de ces méthodes permettra de s'assurer que Galleria charge correctement.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X