tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/64106-verwendung-event-oder-css-class-sobald-slider-fertig-geladen-istRockSolid Themes: Discussion 2021-01-28T10:30:27Ztag:help.rocksolidthemes.com,2012-07-23:Comment/489871282021-01-22T15:04:32Z2021-01-22T15:04:32ZVerwendung: Event oder CSS Class sobald Slider fertig geladen ist<div><p>Vielen Dank für Ihre Frage.</p>
<p>Was genau ist mit „geladen“ in Ihrem Fall gemeint?</p>
<p>Sobald das Slider-Skript fertig initialisiert wurde, erhält das betreffende Slider-Element einige CSS-Klassen, darunter <code>rsts-main</code>.</p>
<p>Mit folgendem CSS-Code lässt sich somit der Slider bis zur Initialisierung ausblenden:</p>
<pre>
<code>.mod_rocksolid_slider:not(.rsts-main) {
display: none;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/489871282021-01-22T15:51:33Z2021-01-22T15:51:34ZVerwendung: Event oder CSS Class sobald Slider fertig geladen ist<div><p>Vielen Dank für die schnelle Antwort!<br>
Mit "geladen" meine ich das Script und alle Inhalte (Bilder, Videos…) die er braucht um angezeigt zu werden.</p>
<p>Ich würde in diesem Fall gerne einen Loader anzeigen bis der Inhalt verfügbar ist.</p></div>Elketag:help.rocksolidthemes.com,2012-07-23:Comment/489871282021-01-25T09:01:07Z2021-01-25T09:01:07ZVerwendung: Event oder CSS Class sobald Slider fertig geladen ist<div><p>Für diesen Fall sieht das Slider-Skript keine Klassen oder JS-Events vor. Sie können mittels JavaScript jedoch selbst prüfen ob alle Bilder des Sliders geladen sind:</p>
<pre>
<code>function areImagesLoaded () {
var loaded = true;
jQuery('.mod_rocksolid_slider img').each(function() {
if (this.complete === false) {
loaded = false;
}
});
return loaded;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/489871282021-01-28T10:05:39Z2021-01-28T10:05:39ZVerwendung: Event oder CSS Class sobald Slider fertig geladen ist<div><p>Vielen Dank!</p></div>Elke Schiffer