WinFuture-Forum.de: Image nachladen - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Image nachladen


#1 Mitglied ist offline   moneymaker 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.046
  • Beigetreten: 30. Januar 06
  • Reputation: 3
  • Geschlecht:Männlich

geschrieben 31. August 2012 - 12:30

Yo,

ich habe einige vorgefertigte Skripte von früher nicht mehr auf meiner Festplatte. Eines davon war:

Nach dem die Webseite fertiggeladen ist, möchte ich das ein bestimmte Bild (png) zentriert in der Mitte durch ein Ladekreis nachgeladen werden soll.
Der Ladekreis erschien, das Bild wurde geladen und mit einem Fade Effekt zum Vorschein gebracht.

Das Skript von früher funktionierte mit Ajax aber heute gibt es ja CSS3, HTML5 und da bin ich nicht mehr Aktuell.

Kann mir da jemand bitte Helfen dies wieder hinzubekommen? Eingefügtes Bild

Dieser Beitrag wurde von moneymaker bearbeitet: 31. August 2012 - 12:30

Man muss viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
Jean-Jacques Rousseau
0

Anzeige



#2 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.947
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 03. September 2012 - 09:08

Das ist eigentlich recht simpel und komplett ohne JavaScript machbar. In etwa so:

<div style="background:url('loading.gif') no-repeat">
<img src="my-huge-image.jpg" alt="Huge image">
</div>


Standardmäßig wird also loading.gif angezeigt. Wurde das große Bild geladen, wird es einfach vor dem Ladekreis sichtbar.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0