Autor |
Nachricht |
dIem
Threadersteller
Dabei seit: 14.10.2003
Ort: Freiburg
Alter: 43
Geschlecht:
|
Verfasst Mo 08.11.2004 11:27
Titel Preloader ohne Flash |
|
|
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
|
|
|
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Mo 08.11.2004 11:28
Titel
|
|
|
ja kann man
|
|
|
|
|
Anzeige
|
|
|
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mo 08.11.2004 11:28
Titel Re: Preloader ohne Flash |
|
|
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 |
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 11:32, insgesamt 1-mal bearbeitet
|
|
|
|
|
davidXedge
Dabei seit: 16.01.2003
Ort: Zuhause
Alter: 43
Geschlecht:
|
Verfasst Mo 08.11.2004 11:32
Titel
|
|
|
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 11:32, insgesamt 1-mal bearbeitet
|
|
|
|
|
dIem
Threadersteller
Dabei seit: 14.10.2003
Ort: Freiburg
Alter: 43
Geschlecht:
|
Verfasst Mo 08.11.2004 11:34
Titel
|
|
|
uuuuuuuund....
dankeschön ;o)
|
|
|
|
|
rawDesign
Dabei seit: 16.04.2008
Ort: -
Alter: 34
Geschlecht:
|
Verfasst Mo 05.05.2008 21:16
Titel Re: Preloader ohne Flash |
|
|
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?
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 05.05.2008 21:34
Titel
|
|
|
Klar, sollte gehen. Aber warum probierst du's nicht einfach?
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mo 05.05.2008 22:00
Titel
|
|
|
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.
|
|
|
|
|
|
|
|
Ähnliche Themen |
preloader in flash
Flash Preloader
[Flash] Preloader
Einfacher Flash-Preloader
[flash]Ab wann Preloader?
[Flash] Preloader gesucht
|
|