| Autor |
Nachricht |
Snifferdog
Dabei seit: 08.03.2007
Ort: Wuppertal
Alter: 19
Geschlecht: 
|
Verfasst Di 03.06.2008 10:07
Titel Javascript - Fadescript ruckelt |
  |
|
Hallo,
ich versuche meine recht geringen Kenntnisse im Bereich JavaScript etwas auszubauen 
Jetzt hab ich so ein typisches "Galerie-Fadescript" geschrieben und das funktioniert so an sich auch alles sehr schön.
Wenn ich jetzt das Scipt auf dem Rechner ausführe oder es einfach in ner Test-Datei hochlade dann läufts auch sehr flüssig. Wenn ich das jetzt allerdings auf meine Seite einbinde, dann fängt es total an zu ruckeln. Sonst ist auf der Seite keine anderes Script, also eine "gegeseitige Behinderung" kann ich ausschließen.
Ich hab dann mal versucht die Intervalzeit zu erhöhen, damit nicht so viele Prozesse gestartet werden aber auch das hilft nicht wirklich weiter, vorallem weil es auf der Testseite auch mit kurzen Intervalen flüssig funktioniert.
Ich kenn mich leider wirklich wenig mit JS aus und denke mal, dass es irgendwie am unglücklichen Aufbau des Scriptes liegt oder sowas. Ich wäre also dankbar wenn jemand mal drüber schauen könnte . ^^
| Code: |
var i = 1;
var x = 1;
var timeinterval = 0;
function fade(){
if(i <= 7){
document.getElementById("galerie_overlay").style.display = "block";
document.getElementById("galerie_overlay").style.opacity = i / 10;
document.getElementById("galerie_overlay").style.filter = "alpha (opacity = " + i * 10 + ")";
} else {
timeinterval = window.clearInterval(timeinterval);
timeinterval = window.setInterval("show_box();", 80);
}
i++;
}
function show_box(){
document.getElementById("galerie_loader").style.display = "block";
document.getElementById("galerie_white_box").style.display = "block";
setTimeout("document.getElementById('galerie_close').style.display = 'block';" , 1500);
if(i <= 550){
document.getElementById("galerie_white_box").style.width = i + "px";
} else {
timeinterval = window.clearInterval(timeinterval);
}
i = i + 25;
}
function start(){
timeinterval = window.setInterval("fade();", 60);
}
function close(){
document.getElementById("galerie_loader").style.display = "none";
document.getElementById("galerie_white_box").style.display = "none";
document.getElementById("galerie_overlay").style.display = "none";
timeinterval = window.clearInterval(timeinterval);
}
|
Edit: Hier mal die Testseite:
http://www.alternategrafix.de/files/agx/test.html
Gruß
Zuletzt bearbeitet von Snifferdog am Di 03.06.2008 10:09, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
ALEXX
Dabei seit: 26.08.2004
Ort: Kreis Paderborn
Alter: 22
Geschlecht:
|
Verfasst Mi 04.06.2008 15:34
Titel
|
|
|
|
der link zur testseite geht irgendwie net
|
|
| |
 |
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Wuppertal
Alter: 19
Geschlecht:
|
Verfasst Do 05.06.2008 11:46
Titel
|
|
|
| ALEXX hat geschrieben: | | der link zur testseite geht irgendwie net |
Nein die ist mittlerweile wieder raus .. ^^ Ich kann sie aber wieder hochladen wenn es gefragt ist. Aber dort steht auch nur der code den ich oben gepostet habe ^^
Gruß
|
|
| |
|
|
ALEXX
Dabei seit: 26.08.2004
Ort: Kreis Paderborn
Alter: 22
Geschlecht:
|
Verfasst Fr 06.06.2008 11:29
Titel
|
|
|
|
aber dann sieht man das problem in der ausgabe...
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Flash Animationen ruckelt ... soll aber nicht!
[FLASH] Ticker ruckelt
Flash Überblendung ruckelt etwas ?
[javascript] mit <select> feld wert an javascript funk
javascript im javascript?!
Javascript
|
|
Willkommen auf dem Portal für Mediengestalter
