1

ガレリアプラグインをインストールし、写真に説明が表示されるようにデータレイヤーを追加しました。私の問題は、レイヤーをデフォルトで非表示にしたい（表示：なし）が、レイヤーのdivにスタイルがあることです。

<div class="galleria-layer" style="position: absolute; z-index: 2; display: block; top: 0px; left: 0px;">Frau Maxl wollte nicht unbedingt Fotografiert sein. Ich habe ein paar stunden erlaubt aber die zwei wollte den ganzen tag nehmen.</div>

この「display：block」が問題です。「display：none！important」に設定すると、divは非表示になりますが、非表示のままになります。jQueryで切り替えたい。通常の「display：none」は、divのスタイルよりも優先度が低いため、役に立ちません。このdivもオンザフライで生成されるため、変更するのはさらに困難です。

これらのスタイルがどこから来ているのか考えている人はいますか？galleriasJSとCSSには何も見つかりませんでした。

4

1 に答える 1

0

Galleria jsは、そのdivの表示と非表示を処理するので、常に非表示にする場合は、！importantで動作すると思います。

「display：none！important」で別のクラスを追加してみませんか？このようにして、元のステートメントをオーバーライドし、addClass、toggleClass、およびremoveClassステートメントを使用してjqueryで動的に変更できるようにします

.myHideClass{
     display:none !important;
}

だから...デフォルトでクラスをdivに配置するにはどうすればよいですか？

<script>

    // Load the classic theme
    Galleria.loadTheme('galleria.classic.min.js');

    // Initialize Galleria
    Galleria.run('#galleria');

    //the divs are already created so...
    $('.galleria-layer').addClass("myHideClass")

</script>
于 2013-03-11T14:30:25.473 に答える