mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 07:14 Benutzername: Passwort: Auto-Login

Thema: Preloader funktioniert nicht vom 18.03.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Preloader funktioniert nicht
Seite: 1, 2, 3  Weiter
Autor Nachricht
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 54
Geschlecht: Weiblich
Verfasst Di 18.03.2014 15:11
Titel

Preloader funktioniert nicht

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

ich verzweifel jetzt bald:
Ich habe einen div #content mit Hintergrundbild "contentstartback.png", ca 400 kb groß. In diesem div ist ein weiteres Bild "maennl-start.png" mit ca 100kb, Text, usw..
Ich möchte, daß das Hintergrundbild "contentstartback.png" vor den den div beinhaltenden Bildern erscheint. Das wollte ich mit einem Preloader lösen.

Code:
.hidepics {
          width: 0px;
          height: 0px;
          display: none;}


Ich hab`s auf verschiedenen Wegen versucht (auch einfach über html)
Code:
<img src="..." width="1px" height="1px">

versucht,
meine Lösung über css hier:
Code:
<img src="pics/contentback.png" class=“hidepics“ width="1" height="1">

<div id="content">
<div id="logotext"><h3 class="zeile1">Text1</h3><br>
                   <h3 class="zeile2">Text2</h3>
                   <h3 class="zeile3">Text3</h3> </div>

<div>

<p style="padding-top: 150px; padding-left: 140px;"><img src="pics/konfuzius.png" ></p>

<p><img src="pics/maennl-start.png" alt="" border="0" width="165" height="370" style="margin-left:180px; margin-top:50px;"></p>

</div>

</div>
...
...
...



Aber der Browser zeigt mir nach Leeren des Caches weiterhin zuerst das "maennl-start.png", danach baut erst das "pics/contentback.png" auf. Wißt Ihr, was ich falsch mache? Bild auf einer vorherigen Seite vorladen geht nämlich auch nicht, weil das die Startseite ist. Plaziere ich das Bild mit Preloader falsch? Wenn ja, dann wo soll es hin? Ich steh grad auf`m Schlauch...

Vielen Dank für Euren Schubbs,

Kirsten
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Di 18.03.2014 16:45
Titel

Antworten mit Zitat Zum Seitenanfang

Ich sehe weit und breit kein Script ?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 54
Geschlecht: Weiblich
Verfasst Di 18.03.2014 16:49
Titel

Antworten mit Zitat Zum Seitenanfang

Aber die Klasse
Code:
.hidepics {
          width: 0px;
          height: 0px;
          display: none;}

ist natürlich in meiner eingebundenen css.
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mi 19.03.2014 11:00
Titel

Antworten mit Zitat Zum Seitenanfang

Ich habe schon von puren CSS-Preloadern gehört, aber mir scheint da fehlt noch etwas.
Wo hast du das her?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 54
Geschlecht: Weiblich
Verfasst Mi 19.03.2014 11:30
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Simon der Dude,

hier http://www.web-toolbox.net/webtoolbox/bilder/images-vorladen.htm
Wie gesagt - es funktioniert auch nicht mit reinem html - und daher glaub ich fast, daß ich da eine Verständnislücke habe. Ich dachte, der html-Code wird nacheinander abgearbeitet, daher meinte ich, wenn ich das 400kb Bild im Quellcode direkt ńach dem body-Tag einpflaze und mit width=1 und height=1 laden lasse, müsse es doch vor dem 100kb Bild im Cache sein und angezeigt werden, bevor er Rest kommt. Ich kapier`s nicht :-/
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Mi 19.03.2014 11:52
Titel

Antworten mit Zitat Zum Seitenanfang

du willst ein 400k bild als prelaoding platzhalter für ein 100k bild laden. priceless. bitte such dir nen anderen job.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 54
Geschlecht: Weiblich
Verfasst Mi 19.03.2014 12:02
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Dekonstruktiv,
Zitat:
du willst ein 400k bild als prelaoding platzhalter für ein 100k bild laden. priceless. bitte such dir nen anderen job.

tut mir leid, ich schein echt lahm von capè: ich versteh nicht mal Deinen Satz :-/ Auch wenn er mir eh nicht weiterhelfen zu wollen scheint. Aber ich würde das Grundsätzliche Thema gern verstehen - einen Workaround gibt es und den hab ich mir auch schon überlegt. Dennoch versteh ich nicht, wieso das Bild nicht zuerst geladen wird und danach erst das 100kb Bild, weil meine Anweisung doch eigentlich genau das vorsehen sollte. Korrekt scheint sie also zu sein, nur ausführbar ist sie nicht, weil das eine Bild einfach größer ist als das andere? Ja?

Vielen Dank,

Kirsten
  View user's profile Private Nachricht senden
xaos

Dabei seit: 06.10.2004
Ort: Kargath
Alter: -
Geschlecht: -
Verfasst Mi 19.03.2014 12:23
Titel

Antworten mit Zitat Zum Seitenanfang

Vereinfacht und Grob erklärt:
In der Regel setzt der Browser mehrere Request gleichzeitig ab (im Abstand von ms).
Wenn der nun dein 400k Bild anfordert und 15ms später das 100k Bild, ist es sehr wahrscheinlich das dein 100k Bild zuerst fertig geladen ist.


Zuletzt bearbeitet von xaos am Mi 19.03.2014 12:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen [AS2] Preloader funktioniert nicht?
Mein Preloader funktioniert nicht
[Flash] Wie funktioniert dieser Preloader?
Flash Merhfach Preloader funktioniert nicht. Woran liegts?
preloader -->
Preloader für *.swf
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.