preloader für meine wordpress theme

susiH · 24.02.2011

hi,
auf meiner startseite sind ziemlich viele bilder und der anblick der ladenden bilder ist nicht grad schön. also will ich einen preloader einbauen.

ich habe es so versucht...
im head

PHP:

<!-- preloader -->
<script type="text/javascript" language="JavaScript">
function LadeInfo() {
if (document.getElementById) {  
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  
document.hidepage.visibility = 'hidden';
}
else {  
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
</script>
<!-- ende preloader -->

und im body

PHP:

<body OnLoad="LadeInfo()">

<div id="hidepage">
<img src="<?php bloginfo('template_directory'); ?>/images/loading-animation.gif">
</div>

geht aber leider nicht :motz:

susiH · 24.02.2011

AW: preloader für meine wordpress theme

ok, das problem hat sich erledigt... aber ein neues ist dazugekommen.

ich will, dass der preloader ein hintergrundbild hat, damit man nicht sieht, wie sich die bilder aufbauen. aber ich kriege immer nu einen schmalen streifen hinter dem preloader.

HTML:

<div id="hidepage">
    <div id="loader">
    <img src="<?php bloginfo('template_directory'); ?>/images/loading-animation.gif">
    </div>
</div>

HTML:

#hidepage
    {
    background-image:url(images/background.png);
    height:100%;
    width:100%;
    background-repeat:repeat;
    z-index:200;
    }    
    
#loader    
    {
    text-align:center;
    vertical-align:middle;
    }

Myhar · 24.02.2011

AW: preloader für meine wordpress theme

Gibt es auch einen Screenshot, wie der derzeitige Stand bei dir ausschaut? Gib deinem #hidepage mal zusätzlich folgende Anweisung:

Code:

position:absolute;

Vielleicht hilft das ja?

L. G.

cebito · 24.02.2011

AW: preloader für meine wordpress theme

Höhenangaben in Prozent funktionieren nur, wenn das Elternelement auch eine definierte Höhe hat...

susiH · 24.02.2011

AW: preloader für meine wordpress theme

also die absolute postion hats nicht gerichtet...

Myhar · 25.02.2011

AW: preloader für meine wordpress theme

Myhar schrieb:
Gibt es auch einen Screenshot, wie der derzeitige Stand bei dir ausschaut?

Bzw. noch besser gleich eine Live-Demo? Sonst kann man nur weiter herumraten.

L. G.

susiH · 25.02.2011

AW: preloader für meine wordpress theme

ja auf

cebito · 25.02.2011

AW: preloader für meine wordpress theme

Du kannst natürlich weiterhin versuchen mit irgendwelchen Positionsangaben die Höhe eines div zu steuern :eek:

oder aber einfach mal lesen, was ich weiter oben geschrieben habe.

susiH · 25.02.2011

AW: preloader für meine wordpress theme

der body hat bei mir ebenfalls ne breite von 100%.... gib mir doch mal einen weiteren hinweis :schmoll::schmoll:

cebito · 25.02.2011

AW: preloader für meine wordpress theme

susiH schrieb:
der body hat bei mir ebenfalls ne breite von 100%.... gib mir doch mal einen weiteren hinweis :schmoll::schmoll:

Jep, hat er, aber ich dachte du wolltest die HÖHE beeinflussen...

MegaAdi · 27.02.2011

AW: preloader für meine wordpress theme

Wie wäre es wenn du die Lightbox für diese Zwecke missbrauchst?
Ich weiß, das ist wie mit Spatzen auf Kanonen scheißen äh mit Kanonen auf Spatzen schießen. Aber hätte den gewünschten Effekt und in den Lightboxeinstellungen kannste ja einstellen, dass der Hintergrund nicht Transparent sein soll und somit die Komplette Seite überdeckt.