Flashhilfe.de - Flash Community

Bilder nacheinander Preloaden

 


AntwortenRegistrieren Seite1  

daxs#1
Benutzerbild von daxs
Beiträge: 189
Wohnort: Rostock
Registriert: Jan 2007

11.10.2011, 17:09

Moin,

ich habe eine Website in die ich per php verschiedene Biler in eine Galerie lade:

PHP:
1
2
3
echo '<div id="thumb_'.$kategorie_1.'_'.$projektnummer.'_'.$screennummer.'" style="position:absolute; left:'.$left.'px;" class="myUnselectableText" unselectable="on">
<img src="portfolio/'.$kategorie_1.'/big'.$projektnummer.'_'.$screennummer.'.'.$dateiformat.'" width="'.$thumbbreite.'" height="'.$thumbhoehe.'" class="myUnselectableText" unselectable="on" /></div>';


Nun möchte ich, dass die Bilder nacheinander geladen werden und während sie geladen werden ein kreisel rotiert o.ä.

Wie kann ich das realisieren?
Schlagwörter: preloader
vindel#2
Benutzerbild von vindelFlashhilfe.de Moderator
Beiträge: 3000
Wohnort: Köln
Registriert: Oct 2007

11.10.2011, 20:03

Hallo,

das musst du mit JavaScript realisieren.
Am leichtesten ist es, du erstellst dir eine DIV-Box und in dieser als Hintergrundbild dein Ladebalken (per css). In die DIV-Box legst du dann dein Bild.
PHP:
1
2
3
4
5
6
7
8
<div style="background-image: url(loading.gif); background-position: 10px 10px;">
 <img src="bild1.jpg" id="meinBild">
</div>
<script type="text/javascript">
document.getElementById('meinBild').src = 'blank.gif';
document.getElementById('meinBild').src = 'Bild2.jpgf';
</script>

Also:
durch background-position kannst du dein Hintergrundbild so ausrichten, dass es in der Mitte ist. Das JavaScript musst du dann in einer Funktion, über Buttons etc. absteuern. Als erstes lädst du ein Gif-Bild was 1*1px hat und weiß ist, damit das aktuelle Bild entladen wird. Anschließend lädst du dein neues Bild.
public Weltformel(Problem){
      if (Problem gelöst) return Lösung;
      else Weltformel(kleiners Problem);
}
Geändert von vindel am 11.10.11 um 20:03 Uhr

AntwortenRegistrieren Seite1  

Schnellantwort

Du musst registriert sein, um diese Funktion nutzen zu können.

 
Ähnliche Beiträge zum Thema
Partner Webseiten: art-and-law.de  Mediengestalter.info   phpwelt.de   Scubacube.de  
Haftungsausschluss   Datenschutzerklärung   Impressum
© 1999-2021 Sebastian Wichmann - Flashhilfe.de