[Ulmo]

moin,

ich möchte gerne das die startseite beim betreten der seite bereits geladen ist, meinetwegen durch ein kleines flash intro oder einfach nur ein rotierendes banner welches ein paar sekunden zeit bringt bis die seite geladen ist.

die seite besteht aus duzenden flashbutton und die sind wohl das problem, die seite baut sich nur schrittweise, oder buttonweise auf.
ich würde die buttons sonst gegen ccs-style button tauschen, nur son preloader würde es eleganter lösen.

giebt es preloader möglichkeiten für eine HTML seite mit flashbutton ?

[Paster]

kurzer hand einfach geklaut irgendwo, warum schwer wenns auch einfach geht ^^


und bei "var yourImages = new Array" schmeist du einfach derren bilder raus und packs deine .swf´s rein
und bei
dots[0].src = "images/background.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
dots[1] = new Image(1,1)
dots[1].src = "images/foreground.gif" // color of bar as preloading

packst auch noch ein eigenes hinter und vordergrund pic rein und das wars ich denke er müste die SWFs deiner buttons dann laden weil es dem loader eigentlich kack egal ist ob ern gif odern swf odern avi läd ^^

aber obs funktionier kann ich dir nun net 100 % sagen habs noch nicht getestet aber kann ich morgen im laufe des tages mal machen und schaun ob da noch mehr geändert werden muss


noch einfacher währ ja nen flash loader wenn du dazu noch was brauchst sag bescheit und wenn der hier unten geht auch, ansonten schau ich nochmal



<script language="JavaScript">
<!--

function SymError()
{
return true;
}

window.onerror = SymError;

//-->
</script>

<script language="JavaScript1.1">var locationAfterPreload = "index1.html" // URL of the page after preload finishes
var lengthOfPreloadBar = 169 // Length of preload bar (in pixels)
var heightOfPreloadBar = 9 // Height of preload bar (in pixels)
// Put the URLs of images that you want to preload below (as many as you want)
var yourImages = new Array("images/banner1.gif","images/forum.gif","images/forum-over.gif","images/galerie.gif","images/galerie-over.gif","images/gast-over.gif","images/gast.gif","images/imp-over.gif","images/imp.gif","images/kontakt-over.gif","images/kontakt.gif","images/links-over.gif","images/links.gif","images/history.gif","images/history-over.gif","images/termine-over.gif","images/termine.gif","images/Gruppenfoto_Home3.gif")
<!--Array("images/banner1.gif","images/forum.gif","images/forum-over.gif","images/galerie.gif","images/galerie-over.gif","images/gast-over.gif","images/gast.gif","images/imp-over.gif","images/imp.gif","images/kontakt-over.gif","images/kontakt.gif","images/links-over.gif","images/links.gif","images/history.gif","images/history-over.gif","images/termine-over.gif","images/termine.gif","images/Gruppenfoto_Home3.gif")-->


if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "images/background.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
dots[1] = new Image(1,1)
dots[1].src = "images/foreground.gif" // color of bar as preloading progresses (same note as above)
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()",155)
}
// end hiding -->
</script>
<meta http-equiv="refresh" content="120;URL=index1.html">
<script language="JavaScript">
<!--
var yourwords = "Die Seite wird geladen...";
var speed = 400;
var control = 1;
function flash() {
if (control == 1) {
window.status=yourwords;
control=0;
}
else {
window.status="";
control=1;
}
setTimeout("flash();",speed);
}
//-->
</script>

</head>

<body class="sibsbody" text="#FFFFFF" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000" onload="flash();">

<br>


<p align="center">Seite wird geladen - bitte warten..</p>
<p align="center">
<script language="javascript1.1">
<!-- begin hiding
// It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading
// for some reason, or his browser doesn't support JavaScript image object.
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()
}
// end hiding -->
</script>

[Ulmo]

vielen dank , will nur noch nicht so wie ich es will aber vielleicht habe ich nur was vergessen, das mit dem

var yourImages = new Array("images/button1.swf",...

das images/button1.swf... sieht irgendwie falsch aus, also das image davor

bei dem hier fehlt mir eigedlich ja nur der preloader

<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="REFRESH" content="5; URL=http://www.winfuture.de">
<link rel="stylesheet" href="file:///C|/Dokumente%20und%css" type="text/css">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#000000" text="#FFFFFF">
<div align="center">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Seite wird geladen etwas Geduld bitte...</p>
</div>
</body>
</html>

Dieser Beitrag wurde von Ulmo bearbeitet: 17. Mai 2003 - 17:27

[ichbines]

Hier habe ich auch einen fertigen gefunden. Er schaut irgendwie einfacher aus:

Zitat

<head>
<script LANGUAGE="JavaScript">
<!-- Original:  Gilbert Davis -->
<!-- Begin
function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
}
}
//  End -->
</script>
</head>
<body OnLoad="loadImages()">
<!-- PRELOADER -->
<div id="hidepage"
style="position: absolute;
left:0px;
top:0px;
background-color: #253E6C;
layer-background-color: #253E6C;
height: 100%;
width: 100%;">
<table height="100%" width="100%" align="center">
<tr><td valign="middle" align="center">
Page loading ... Please wait
</td></tr></table>
</div>
<!-- ENDE PRELOADER -->
<!-- HAUPTSEITE -->
Hier den Inhalt der Startseite mit allen Bildern usw.


Der Inhalt wird erst angezeigt, wenn alle Bilder geladen sind.
<!-- ENDE HAUPTSEITE -->
</body>

[Paster]

mit dem image davor ist natürlich der ordner gemeint ^^

also zb. buttons/button1.swf
oder wo auch imemr deine buttons drinnen sind
wenn kein extra angelegter ordner da ist dann halt nur button1.swf ^^

[Ulmo]

hätte ich selber drauf kommen können jaja bin heut irgendwie net so fit

auf jedenfall schonmal vielen dank

hab den 2ten noch nicht probiert, bin aber für jeden code dankbar, weil irgendwann brauch man sie alle also auch danke für den 2ten @ ichbines

[Paster]

hehe np

und jo du hast recht irgendwann braucht man sie alle ^^ pack auch alles was ich so find und wo ich denk "das könnte irgendwann mal ganz brauchbar sein" in nem ordner und da schlummert alles bis es zum einsatzkommt ^^

Dieser Beitrag wurde von Paster bearbeitet: 18. Mai 2003 - 02:23

[.net2003]

http://windows2000ne...rsoftehome.net/ schau mal bitte dort, da habe ich mal ne Schulhomepage probiert zu erstellen, und habe auch die restliche zeit preloaden lassen, vieleicht bringt es dich ja nach all der hilfe noch weiter....

[ichbines]

Zitat (.net2003: May 18 2003, 11:55)

http://windows2000ne...rsoftehome.net/ schau mal bitte dort, da habe ich mal ne Schulhomepage probiert zu erstellen, und habe auch die restliche zeit preloaden lassen, vieleicht bringt es dich ja nach all der hilfe noch weiter....

Die Seite schaut eh nicht schlecht aus. Das Menü funktioniert auch mit dem Opera. Aber diese Meldung geht mir auf die Nerven:

Zitat

Sie benutzen Opera. Der ist in Bezug auf JavaScript nicht ausgereift Es wir also nicht alles funktionieren.

Für was ist die bitte gut?

[.net2003]

Zitat (ichbines: May 18 2003, 11:27)

Die Seite schaut eh nicht schlecht aus. Das Menü funktioniert auch mit dem Opera. Aber diese Meldung geht mir auf die Nerven:

danke, steckte viel arbeit hinter aber wurde nie übernommen...war nur platz 2 in unserer schulabstimmung

[Paster]

hab auch ne schulhp ^^

www.igs.schulen-offenbach.de/websites

ist aber noch net fertig und noch einige Fehler in den Content seiten (die hat zunm grössten teil nen lehrer gemacht ^^)

Dieser Beitrag wurde von Paster bearbeitet: 18. Mai 2003 - 11:56

[Paster]

und das ist die andere die ich auch mach
http://paster.team-kon.de/ers/
aber die is noch lange nicht fertig ^^

[ichbines]

Mensch, ihr habt ja alle schöne Schulhomepages! Unsere ist total schirch, unübersichtlich und die meisten Seiten sind schon 2 Jahre alt!
htl.rennweg.at