Suche Preloader
#1
geschrieben 27. April 2004 - 19:22
Anzeige
#2
geschrieben 27. April 2004 - 19:37
Ansonsten kannst eigentlich jede beliebige Datei als Image preloaden, ist doch egal ob der Browser nun feststellt, daß es keine Bilddatei ist und sie nicht angezeigt werden kann - geladen ist sie dann aber trotzdem.

Ja, mata ne!
(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
#3
geschrieben 27. Oktober 2005 - 10:30
gibts da schon fertige scripte ?
weiß net geau wie ich den java scrip schreiben sollte!
gruß
White dragon
EDIT: hab da mal was gebastelt, ist das so richtig ?
wills noch net testen
<script language="JavaScript"
type="text/javascript">
<!--
function preload_start() {}
</script> <script language="JavaScript1.2"
type="text/javascript">
<!--
var preload_images =
[
"/user/userpics/whitedragon1.png",
"/user/userpics/whitedragon2.jpg",
]
var load_next = 500
var pos_array = 0
function preload()
{
var new_image = new Image()
new_image.src = preload_images[pos_array]
pos_array++
if(pos_array < preload_images.length)
setTimeout('preload()', load_next)
}
function preload_start()
{
if(preload_images.length == 0)
return
setTimeout('preload()', load_next)
}
// -->
</script>
Dieser Beitrag wurde von -D-o-D- White Dragon bearbeitet: 27. Oktober 2005 - 10:36
#4
geschrieben 29. Oktober 2005 - 13:52
<head>
<object data="blah.jpg" type="image/jpeg"></object>
</head>
<body>
...

Ja, mata ne!
(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
#5
geschrieben 02. November 2005 - 17:18
danke
___________________________________
EDIT:
Wie bekomm ich da noch nen lade balken hin^^ ?
Dieser Beitrag wurde von -D-o-D- White Dragon bearbeitet: 02. November 2005 - 17:19
#7
geschrieben 03. November 2005 - 22:13

Ja, mata ne!
(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
#8
geschrieben 10. November 2005 - 20:09
will nich erst nen neuen thread öffnen, darum gleich hier nochmal ne frage:
bei mir funzt rikas methode leider nicht, der öffnet anstatt der bilder einfach genausoviele leere "frames" vor dem inhalt der html ... oder liegts bei mir daran, dass ich die bilder, die ich preloaden möchte, nur in der *.css-datei definiert habe?
speziell möchte ich einfach nur 6 bildchen vorladen, ich stell mir das so vor, dass der browser einfach entspr. bilder lädt, im cache hält und einsetzt wenn der entsprechende code kommt. dasses nich geht dürfte doch eigentlich nicht am css liegen ? ist ja technisch dasselbe wie beim besuchen der seite, dann is ja auch alles im cache ...
mfg
gunnar
#9
geschrieben 28. November 2005 - 15:46
Index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" src="preload.js" type="text/javascript"></script>
<title>dein titel
</title>
<style="#000000">
</head>
<body bgcolor="#000000">
<table width="695" height="75" border="0" align="center" background="pre_banner.png">
<tr>
<td> </td>
</tr>
</table>
<p align="center"><br>
<br>
</p>
<table width="300" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000">
<tr>
<td width="300" height="75" align="center" bgcolor="#000000">
<center>
<font color="#ffffff">Preloading files dod-esports.de, please wait...</font><br>
<br>
<font color="#ffffff">0%</font>
<script language="JavaScript1.1">
<!--
if (document.images) {
var preloadBar = ''
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
}
preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
document.write(preloadBar)
loadImages()
}
document.write('<font color="#000000"> 100%</font><br><br><a href="javascript:window.location=locationAfterPreload">skip preloading </a>')
//-->
</script>
</center>
</td>
</tr>
</table>
<br>
<br>
<table width="300" height="70" border="0" cellspacing="0" cellpadding="0" align="center" valign="top">
<tr>
<td height="38" align="justify" valign="top" bgcolor="#000000">dein text oder auch net</td>
</tr>
</table>
<p align="center"></p>
</body>
</html>
preload.js
var locationAfterPreload = "deine startseite"
var lengthOfPreloadBar = 300
var heightOfPreloadBar = 15
var yourImages = new Array(
"dein.pic",
"dein.pic2",
"dein.pic3",
"dein.pic4")
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "newpage/gfx/preload_1..gif"
dots[1] = new Image(1,1)
dots[1].src = "newpage/gfx/preload_2.gif"
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)
}
wenns fragen gibt einfach melden
gruß
martin
#10
geschrieben 28. November 2005 - 15:48
#11
geschrieben 28. November 2005 - 16:02
aber es ist schwachsinnig sowas zu machen, naja....
Dieser Beitrag wurde von -D-o-D- White Dragon bearbeitet: 28. November 2005 - 16:30

Hilfe
Neues Thema
Antworten
Nach oben



