mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 09:15 Benutzername: Passwort: Auto-Login

Thema: Preloader ohne Flash vom 08.11.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Preloader ohne Flash
Autor Nachricht
dIem
Threadersteller

Dabei seit: 14.10.2003
Ort: Freiburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 08.11.2004 10:27
Titel

Preloader ohne Flash

Antworten mit Zitat Zum Seitenanfang

Servus. Ich bin gerade mit der Erstellung einer Homepage beschäftigt, bei der die ersten 5 Seiten fast nur aus extrem grossen Bildern bestehen (circa 60-120 Kb jeweils). Nun steh ich natuerlich vor dem Problem, dass die Bilder natürlich nicht erst geladen werden werden sollen, wenn man sie sieht sondern davor. Kann man irgendwie über Javascript einer Preloader realisieren, der immer das Bild der nächsten HTML Datei lädt?
Danke für die Antworten schonma Lächel
  View user's profile Private Nachricht senden
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 41
Geschlecht: Männlich
Verfasst Mo 08.11.2004 10:28
Titel

Antworten mit Zitat Zum Seitenanfang

ja kann man
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Mo 08.11.2004 10:28
Titel

Re: Preloader ohne Flash

Antworten mit Zitat Zum Seitenanfang

dIem hat geschrieben:
Servus. Ich bin gerade mit der Erstellung einer Homepage beschäftigt, bei der die ersten 5 Seiten fast nur aus extrem grossen Bildern bestehen (circa 60-120 Kb jeweils). Nun steh ich natuerlich vor dem Problem, dass die Bilder natürlich nicht erst geladen werden werden sollen, wenn man sie sieht sondern davor. Kann man irgendwie über Javascript einer Preloader realisieren, der immer das Bild der nächsten HTML Datei lädt?
Danke für die Antworten schonma Lächel


Jupp, funzt. Musst aber die ganzen Bilder mit dem Pfad eingeben. Wenn ich das Skript finde, poste ich es hier.

/edit: Hier isser

Code:
<html>
<head>
<script language="JavaScript">
<!--
function BilderVorladen()
{
   document.Vorladen = new Array();
   if(document.images)
   {
      for(var i=0; i<BilderVorladen.arguments.length; i++)
      {
         document.Vorladen[i] = new Image();
         document.Vorladen[i].src = BilderVorladen.arguments[i];
      }
   }
}
//-->
</script>
<title>Bilder vorladen (Image Preloader)</title>
</head>
<body onLoad="BilderVorladen('bild1.jpg','bild2.gif');">

Die Bilder der nächsten Seiten werden vorgeladen, während Sie diesen Text lesen.

</body>
</html>


Zuletzt bearbeitet von Anti78 am Mo 08.11.2004 10:32, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
davidXedge

Dabei seit: 16.01.2003
Ort: Zuhause
Alter: 35
Geschlecht: Männlich
Verfasst Mo 08.11.2004 10:32
Titel

Antworten mit Zitat Zum Seitenanfang

Bilder vorladen (html)
Dieses Script erlaubt das vorladen von Bildern in einer html Seite (preloader)

Code:
<script language="JavaScript1.1">
   var locationAfterPreload = "index.html" // URL nach dem Preload
   var lengthOfPreloadBar = 100 // Länge des Preloaders (in pixels)
   var heightOfPreloadBar = 3 // Höhe des Preloaders (in pixels)
   var yourImages = new Array("","")
if (document.images) {
   var dots = new Array()
   dots[0] = new Image(1,1)
   dots[0].src = "load1.gif" // 1x1px
   dots[1] = new Image(1,1)
   dots[1].src = "load2.gif" // 1x1px
   var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
   var loaded = new Array(),i,covered,timerID
   var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() {
   for (i = 0; i < yourImages.length; i++) {
      preImages[i] = new Image()
      preImages[i].src = yourImages[i]
   }
   for (i = 0; i < preImages.length; i++) {
      loaded[i] = false
   }
   checkLoad()
}
function checkLoad() {
   if (currCount == preImages.length) {
      location.replace(locationAfterPreload)
      return
   }
   for (i = 0; i <= preImages.length; i++) {
      if (loaded[i] == false && preImages[i].complete) {
         loaded[i] = true
         eval("document.img" + currCount + ".src=dots[1].src")
         currCount++
      }
   }
   timerID = setTimeout("checkLoad()",10)
}
</script>


Zuletzt bearbeitet von davidXedge am Mo 08.11.2004 10:32, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dIem
Threadersteller

Dabei seit: 14.10.2003
Ort: Freiburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 08.11.2004 10:34
Titel

Antworten mit Zitat Zum Seitenanfang

uuuuuuuund....
dankeschön ;o)
  View user's profile Private Nachricht senden
rawDesign

Dabei seit: 16.04.2008
Ort: -
Alter: 26
Geschlecht: Männlich
Verfasst Mo 05.05.2008 20:16
Titel

Re: Preloader ohne Flash

Antworten mit Zitat Zum Seitenanfang

Anti78 hat geschrieben:


Code:
<html>
<head>
<script language="JavaScript">
<!--
function BilderVorladen()
{
   document.Vorladen = new Array();
   if(document.images)
   {
      for(var i=0; i<BilderVorladen.arguments.length; i++)
      {
         document.Vorladen[i] = new Image();
         document.Vorladen[i].src = BilderVorladen.arguments[i];
      }
   }
}
//-->
</script>
<title>Bilder vorladen (Image Preloader)</title>
</head>
<body onLoad="BilderVorladen('bild1.jpg','bild2.gif');">

Die Bilder der nächsten Seiten werden vorgeladen, während Sie diesen Text lesen.

</body>
</html>



Kann man auch anstatt dem "Die Bilder der nächsten Seiten werden vorgeladen, während Sie diesen Text lesen." einfach ein gif einfügen?
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 05.05.2008 20:34
Titel

Antworten mit Zitat Zum Seitenanfang

Klar, sollte gehen. Aber warum probierst du's nicht einfach?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 39
Geschlecht: Männlich
Verfasst Mo 05.05.2008 21:00
Titel

Antworten mit Zitat Zum Seitenanfang

Ja, natürlich funktioniert das auch wenn man eine Grafik statt einem Text da hin setzt...

Nebenbei: Das language-Attribut ist deprecated. Statt
Code:
<script language="javascript">
sollte
Code:
<script type="text/javascript">
eingesetzt werden.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [flash]Ab wann Preloader?
[Flash] Preloader
preloader in flash
Flash Preloader
[HILFE!] Preloader in Flash MX
Preloader in Flash VERDAMMT!!
Neues Thema eröffnen   Neue Antwort erstellen
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.