getreidemuehlen
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 31.05.2003, 23:02   #1
TP-Senior
 
Registriert seit: May 2003
Ceylon ist auf einem guten Weg

Preloader optimieren


Hi, ich habe einen Preloader bei mir auf der Seite eingebaut. Da ich mich noch nicht so gut auskenne, habe ich den Preloader per iframe eingebunden.

www.2fresh4you.de/index_2.htm

Jetzt möchte ich gernde wissen, wo ich hier parent="_target" einfügen muss, damit die Haupt-Seite nicht im iframe aufgeht und wo ich die Farbe und Font des Skip-Links ändern kann.

http://www.2fresh4you.de/preloader.htm

mfg Ceylon

Geändert von Ceylon (31.05.2003 um 23:41 Uhr).
Ceylon ist offline   Mit Zitat antworten


Alt 01.06.2003, 10:27   #2
TP-Specialist
 
Benutzerbild von Paco
 
Registriert seit: Sep 2001
Ort: Rhein-Main
Paco macht sich hier sehr viel Mühe
du ersezt einfach deinen iframe durch das javascript. das javascript kannst du extern lagern wenn du möchtest, dann springt er automatisch in die main.htm, so wie du es möchtest.
Paco ist offline   Mit Zitat antworten
Alt 01.06.2003, 10:56   #3
TP-Senior
 
Registriert seit: May 2003
Ceylon ist auf einem guten Weg
Unhappy

Sorry Paco, aber wie meinst Du das genau?
Ceylon ist offline   Mit Zitat antworten
Alt 02.06.2003, 01:37   #4
TP-Senior
 
Registriert seit: May 2003
Ceylon ist auf einem guten Weg
Okay, ich habe das Script jetzt direkt in die www.2fresh4you.de/index.htm eingefügt. Aber trotzdem passiert genau dasselbe wie vorher... der Balken wird keine 360px wie angegeben lang und es springt nach dem Laden der Bilder nicht mehr weiter zur Hauptseite.

Hier ist nochmal der Code:




<!-- begin hiding



startingColor = new Array()

endingColor = new Array()



// Hier deine Grafiken rein:

var yourImages = new Array("images/Main_01.gif","images/background.gif","images/Main_02.gif","images/Main_03.gif","images/Main_rechts.gif","images/Main_oben.gif","images/Main_04.gif","images/Main_05.gif","images/logo_icon.gif","images/Main_unten.gif","images/Main_06.gif","images/Main_07.gif","images/Main_links.gif","images/Main_08.gif","images/newsletter_A_10.gif","images/artist_A_10.gif","images/events_A_10.gif","images/links_A_10.gif","images/forum_A_10.gif","images/audio_A_10.gif","images/gallery_A_10.gif","images/visual_A_10.gif","images/guestbook_A_10.gif","images/impressum_A_10.gif","images/inline_1.gif","images/inline_2oben.gif","images/inline_3.gif","images/inline_4_rechts.gif","images/inline_5.gif","images/inline_6.gif","images/inline_7_unten.gif","images/inline_8.gif","images/inline_9.gif","images/inline_11_links.gif","images/inline_news.gif")

var locationAfterPreload = "main.htm"

var preloadbarWidth = 360

var preloadbarHeight = 9

var backgroundOfGradient = "#FCFCFC"



// Farbe mir der der Balken beginnt! Gib erste, dritte und fünfte Zahl/Buchstaben der Farbe an

startingColor[0] = "E"

startingColor[1] = "E"

startingColor[2] = "E"



// Wie oben nur die Farbe mit dem es endet

endingColor[0] = "C"

endingColor[1] = "C"

endingColor[2] = "C"


var gap = 7 // mind. 2! verändern, wenn es nen JS-Error gibt.





// NIX MEHR VERÄNDERN



if (!document.all) location.replace(locationAfterPreload)

var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();

var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;

var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();

var num = Math.floor(preloadbarWidth/gap);

for (i = 0; i < 3; i++) {

startingColor[i] = startingColor[i].toLowerCase();

endingColor[i] = endingColor[i].toLowerCase();

startingColor[i] = eval(startingColor[i]);

endingColor[i] = eval(endingColor[i]);

diff[i] = (endingColor[i]-startingColor[i])/num;

ones[i] = Math.floor(diff[i]);

sixteens[i] = Math.round((diff[i] - ones[i])*15);

}

endingColor[0] = 0;

endingColor[1] = 0;

endingColor[2] = 0;

i = 0, j = 0;

while (i <= num) {

hilite[i] = "#";

while (j < 3) {

hilite[i] += convert[startingColor[j]];

hilite[i] += convert[endingColor[j]];

startingColor[j] += ones[j];

endingColor[j] += sixteens[j];

if (endingColor[j] > 15) {

endingColor[j] -= 15;

startingColor[j]++;

}

j++;

}

j = 0;

i++;

}

function loadImages() {

for (i = 0; i < imgLen; i++) {

preImages[i] = new Image();

preImages[i].src = yourImages[i];

loaded[i] = 0;

cover[i] = Math.floor(num/imgLen)*(i+1)

}

cover[cover.length-1] += num%imgLen

checkLoad();

}

function checkLoad() {

if (pending) { changeto(); return }

if (currCount == imgLen) { location.replace(locationAfterPreload); return }

for (i = 0; i < imgLen; i++) {

if (!loaded[i] && preImages[i].complete) {

loaded[i] = 1; pending++; currCount++;

checkLoad();

return;

}

}

setTimeout("checkLoad()",10);

}

function changeto() {

if (h+1 > cover[currCount-1]) {

var percent = Math.round(100/imgLen)*currCount;

if (percent > 100) while (percent != 100) percent--;

if (currCount == imgLen && percent < 100) percent = 100;

defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";

pending--;

checkLoad();

return;

}

eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;

h++;

setTimeout("changeto()",1);

}

defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."

// end hiding -->

</script>

<script language=JavaScript1.2>

<!-- beging hiding

document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');

for (i = 0; i < num; i++) {

document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');

}

document.write('</tr></table>');

document.write('<p><small><a href="javascript:location.replace(locationAfterPreload)">Skip</a></small></p></font>')

loadImages();

// end hiding -->

Geändert von Ceylon (02.06.2003 um 01:40 Uhr).
Ceylon ist offline   Mit Zitat antworten
Alt 02.06.2003, 01:46   #5
TP-Senior
 
Registriert seit: May 2003
Ceylon ist auf einem guten Weg
Oh Mann, ich bin so blöd... es hat die ganze Zeit nicht funktioniert, weil bei 2 Grafiken die Buchstaben verdreht waren.

Jetzt ist alles im Lot!
Danke Paco!
Ceylon ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Preloader optimieren Preloader optimieren
« Netscape 4.7. bringt mich um | Übersicht über alle Tags ¿? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:11 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67