DIV id mit background-image

[bastlwastl]

Servus Gemeinde,

auf meiner Seite AlpenX-XL läuft oben die DockGalleryFX.
Mit der bin ich auch ganz zufrieden.
Die Galerie läuft in einem DIV

<div id="DivDockGalleryFX"></div>

id der Galerie wird hier

<!--dock gallery anfang -->
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowScriptAccess = "always";
params.allowFullScreen = "true";
var attributes = {};
swfobject.embedSWF("DockGalleryFX.swf", "DivDockGalleryFX", "956", "260", "9.0.0", false, flashvars, params, attributes);
</script>
<!--dock gallery ende -->

mit dem unterstrichenem DivDockGalleryFX vergeben. Wobei ich mir nicht sicher bin, ob "vergeben" der richtige Ausdruck ist.
So weit, so gut. Ich würde gerne, um die Ladezeit der Galerie zu "verheimlichen" das erste Bild der Galerie als background-image einsetzen. Das background-image soll so lange zu sehn sein, bis die Galerie vollständig geladen ist. Funktioniert das?
Ich hab gemeint, dass ich das mit einer neuen class in meiner Format css

<div id="DivDockGalleryFX" class="bgdiv"></div>

ein Hintergrundbild definieren könnte, hab da aber bestimmt mindestens einen Fehler drinnen. Es haut mir nicht hin.
Über Hilfe von euch würde ich mich freun.

Beste Grüße
Wastl B.

[bastlwastl]

Guten Morgen,

ich habs jetzt mit

<div id="DivDockGalleryFX" style="background-image:images/big/index_big01.jpg; width:956px; height:260px"></div>

veröffentlicht.
S haut aber nicht hin?
Kann da jemand helfen?

Beste Grüße
bastlwastl

[wildmieze]

... versuch mal:

background-image:url(images/big/index_big01.jpg);

[bastlwastl]

@ wildmieze, danke f�r deinen Vorschlag... habs gemacht, es kommt aber immer erst eine gef�hlte Ewigkeit lang das leere DIV mit roter Hintergrundfarbe. Kuckst du
Hast du noch ne Idee?

[bastlwastl]

Ich hab jetzt meine ursprüngliche Seite soweit entrümpelt, dass nur mehr die Galerie übrig geblieben ist.
Testseite 1 mit format.css und
Testseite 2 ohne die format.css
Dass die Bilder im cache landen ist mir klar, könnt ihr bitte mal checken wie sich die Seiten beim erstmaligen Aufruf verhalten.
Mir kommt es so vor als ob die Testseite 2, ohne format.css schneller geladen würde?
Dass bei der Testseite 1 die format.css mit geladen werden muss, dauert eine gewisse Zeit, das dürfte aber beim weiterklicken in der Seite dann keine Rolle mehr spielen wegen den Bildern im cache.
Dass das Laden der Galerie beim weiterklicken immer gefühlte Ewigkeiten dauert sieht man hier http://www.AlpenX-XL.de
Kann ich die Galerie-DIV von der Wirkungweise der format.css irgendwie ausschließen? Geht das, oder bin ich da auf dem richtigen Holzweg?

Beste Grüße
wasti B.

[bastlwastl]

So, jetzt antworte ich mir zum fünften mal selber, vielleicht hilft es ja einem anderen User.
Das Forum ist meiner Meinung nach schon besser gelaufen...

Geholfen hat mir, meine format.css um einen Bereich zu erweitern welcher das erste Bild der Galerie als background-image hat und im Galerie-DIV Anwendung findet.
So kann ich die lange Ladezeit der Galerie "verstecken".

Gedacht habe ich mir das ja schon lange, mit der Umsetzung hats gedauert...

[wildmieze]

Geholfen hat mir, meine format.css um einen Bereich zu erweitern welcher das erste Bild der Galerie als background-image hat und im Galerie-DIV Anwendung findet.
So kann ich die lange Ladezeit der Galerie "verstecken".

... öhmm .. ich dachte, genau das hast Du da oben mit dem background-image gemacht .. woran lag es denn nun?

[bastlwastl]

@ wildmieze, danke für deine Antwort.
Das mit dem background-image hab ich jetzt hingekriegt. Die Galerie läuft jetzt auch so wie ich mir das vorgestellt hab, d. h. beim Seitenaufruf ist das bg-image zu sehn bis die Galerie vollstänidg geladen ist.
Gedauert hat das deswegen so lange, weil ich mich mit dem .css nicht so recht Bescheid wußte.

Beste Grüße
bastlwastl

Leider hab ich jetzt ein anderes Problem seit ich die Galerie zum Laufen gebracht habe.