ガレリアの致命的なエラー:CSSからステージの高さを抽出できませんでした。 トレースされた高さ:0px

galleria jquery
ガレリアの致命的なエラー:CSSからステージの高さを抽出できませんでした。 トレースされた高さ:0px

私がラインを持っている場合

、たとえ空白であっても、Galleriaは「致命的なエラー:CSSからステージの高さを抽出できませんでした。 トレースされた高さ:0px。」

ガレリアに300の高さを使用するように指示しているにもかかわらず、次のように表示されます。

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

最初に高さを決定しようとし、CSS行で混乱を招くため、このエラーがスローされます。 その1行を削除すれば、それ以上のエラーはありません。

とにかく私はまだ使用できます

?使用する顧客に基づいて、サイトの外観をカスタマイズするために使用します。

  36  10


ベストアンサー

あなたが含まれていることを確認してください:

頭:

ページ内スタイルでも:

#galleria{height:467px}

そして画像の下:

$('#gallery').galleria({
width: 700,
height: 467 //--I made heights match
});

これに問題がある場合は、クリーンインストールでトラブルシューティングを行い、原因が見つかるまで追加してください。

53


ガレリアイメージコンテナーの高さをcssで指定する必要があります。 これは、ガレリアが画像を表示する場所です(したがって、ガレリア自体の高さよりも小さくなければなりません)。

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

10


それはまだこのエラーを受け取る人を助けるかもしれません:-

ギャラリーが隠れていたため、このエラーが発生しました。

  • FIX:-* CSSでギャラリーdivに高さを指定し、jsファイルで高さを指定して、

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

詳細については、次のリンクを参照してください:-http://galleria.io/docs/references/errors/

10


IEでのみこのエラーが発生しました。 解決策は、高さを強制することです。

galleria.classic.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要素を隠しているためです。 これは他のいくつかの回答で言及されていますが、これらの回答が概説する解決策は必ずしも最良の方法ではありません。

問題

私にとっては、ページの起動時にGalleriaコンテナが `display:none;`に設定されています。 Galleriaオブジェクトはライトボックス内にあるため、ユーザーがボタンをクリックするまで表示されません。 この `display:none`プロパティが問題の原因です。

溶液

`display:none;`で要素を隠す代わりに、 `left:-9999px;`や `margin-left:9999px`のような大きな負の左マージンを使用します。 これらの方法のいずれかにより、Galleriaが適切にロードされます。

3


galleria.classic.cssファイルの.galleria-stage cssクラスで高さと幅を設定するとともにクラシックテーマを使用している場合は、DocTypeを以下のように設定してください。

2


jQuery `galleria`を使用しているときに同じ問題が発生し、解決しました。 galleria-1.2.5.min.jsのいくつかのパラメーターを変更しました。

http://www.equipro-trucks.com/js/galleria-1.2.5.min.js [こちら]はライブラリをダウンロードするためのリンクです。コードをコピーしてjsファイルに貼り付けてください。

2


私は同じ鉛を使用していました。 それから私は何か他のものを試しました。 すべてのjavascriptファイルは、以前はhtmlファイルの最後にありました。 だから私はそれらをすべて “終了タグの直前に移動しようとしました。

私はこの方法でコーディングするのは本当に幸せではありません(つまり、最後にjavascript)。 とにかくうまくいくようで、ギャラリーは素晴らしいです!

1


上記のすべてがうまくいかなかったため、この質問への回答を追加しています。 私の場合、組み込みのクロスドメインjavascriptウィジェット内でgalleria(1.2.7)を動的にロードしていました。 ステージの高さが正しく設定されていても、スクリプトがロードされ、ガレリアが正しく初期化されたため、このエラーメッセージが定期的に表示されました。

ガレリアのソースを修正して、エラーメッセージが表示されないようにしました(おそらく、これをデバッグフラグに依存させる方が良いでしょうが、必要性は感じませんでした)

Galleria.raise = function( msg, fatal ) {

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

        self = this,

        css = {
            display: none;
        },

1


instructionsのセクション Dimensionsの設定`に従って、これを `CSS`で実行します(明らかに、これまでのものに対して#galleria`を切り替えます)ラッパーを識別する方法として、galleriaというクラスを使用するため、 `.galleria`を使用します)

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

1


タイトルとURLをコピーしました