Was kann ich kürzen im JScript Code?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ausgelagerte datei
beginnen
beispiel
beitrag
bild
bildbeschreibung
brettspiel
datei
einbindung
elemente
externe datei
garen
intro
jumpen
photo
spart
stehen
titelbild
werkstatt
wettschwimmen
-
<!--Photoslider Beginn-->
<table border="0" cellpadding="0">
<tr>
<td align="center"><img src="images/screen1.jpg" width="320" height="240" name="photoslider" /></td>
</tr>
<tr>
<td align="center">
<form method="POST" name="rotater">
<div align="center">
<script language="JavaScript" title="Album">
/*Variablen definieren*/
var photos=new Array()
var text=new Array()
var which=0
var what=0
/*Bild-Urls*/
photos[0]="images/screen1.jpg"
photos[1]="images/screen2.jpg"
photos[2]="images/screen3.jpg"
photos[3]="images/screen4.jpg"
photos[4]="images/screen5.jpg"
photos[5]="images/screen6.jpg"
photos[6]="images/screen7.jpg"
photos[7]="images/screenc.jpg"
photos[8]="images/screen8.jpg"
photos[9]="images/screen9.jpg"
photos[10]="images/screena.jpg"
photos[11]="images/screenb.jpg"
/*Bildbeschreibungen*/
text[0]="Das Titelbild"
text[1]="Der Jump'n Run-Modus"
text[2]="Knuckles im Intro"
text[3]="Tails' Werkstatt aus dem Jump'n Run-Modus"
text[4]="Das Minispiel 'Partyprügel'"
text[5]="Das Minispiel 'Wettschwimmen'"
text[6]="Der Chaogarten"
text[7]="Ein weiteres Level aus dem Jump'n Run-Modus"
text[8]="Eine weitere Szene aus dem Chao-Garten"
text[9]="Das Minispiel 'Tornado Scramble'"
text[10]="Eine Szene aus dem Brettspiel"
text[11]="Eine weitere Szene aus dem Brettspiel"
window.onload=new Function("document.rotater.description.value=text[0]") //Text neu laden
function backward(){ //Zurueck-Button mit Funktion versehen
if (which>0){
which-- //Which eins abziehen
document.images.photoslider.src=photos[which];
what-- //What eins abziehen
document.rotater.description.value=text[what];
}
}
function forward(){ //Weiter-Button mit Funktion versehen
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which];
what++
document.rotater.description.value=text[what];
}
}
</script>
<br />
<input type="text" name="description" style="width:300px" size=50 readonly="yes" /><br /><br />
<input type="button" value="<<Zurück" name="B2" onClick="backward()" />
<input type="button" value="Weiter>>" name="B1" onClick="forward()" />
</div>
</form>
</td>
</tr>
</table>
<!--Photoslider Ende -->
Was köntne ich hier kürzen? Was braucht der JavaScript Code nicht? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Er braucht zum Beispiel nicht zwischen <body> und </body> zu stehen. JavaScript gehört in den <head>. Außerdem könntest du ihn in eine externe Datei auslagern.
Aber lädt das dann schneller? -
Nein. Es ist egal, wo der JavaScript Code steht, solange dieser nicht auf Elemente zugreifen will, die unterhalb des Codes stehen.
Daher ist eine Einbindung im <head> nicht immer ratsam. -
Er braucht zum Beispiel nicht zwischen <body> und </body> zu stehen. JavaScript gehört in den <head>. Außerdem könntest du ihn in eine externe Datei auslagern.
Aber lädt das dann schneller?
Das ist nicht der Grund, warum du den Code auslagern solltest. Dafür gibt es wichtigere Gründe:
1. Eine ausgelagerte Datei muss nur einmal geladen werden. Dadurch wird der Server weniger belastet, denn er muss den JS-Code nicht jedesmal mit dem HTML-Code versenden.
2. Macht der JS-Code die HTML-Datei unnötig lang. Einige Suchmaschinen durchsuchen nur z.B. die ersten 200 Zeichen deiner Website. Gleiches gilt auch für CSS-Code. -
viel gibt es wirklich nicht
mir fällt da nur das ein
2 Zeilen rausnehmen
var photos=new Array() var text=new Array()
Ersetzen
/*Bild-Urls*/ photos=new Array('images/screen1.jpg','images/screen2.jpg','images/screen3.jpg','images/screen4.jpg','images/screen5.jpg','images/screen6.jpg','images/screen7.jpg','images/screenc.jpg','images/screen8.jpg','images/screen9.jpg','images/screena.jpg','images/screenb.jpg') /*Bildbeschreibungen*/ text=new Array("Das Titelbild","Der Jump'n Run-Modus","Knuckles im Intro","'Tails' Werkstatt aus dem Jump'n Run-Modus","Das Minispiel 'Partyprügel'","Das Minispiel 'Wettschwimmen'","Der Chaogarten","Ein weiteres Level aus dem Jump'n Run-Modus","Eine weitere Szene aus dem Chao-Garten","Das Minispiel 'Tornado Scramble'","Eine Szene aus dem Brettspiel","Eine weitere Szene aus dem Brettspiel")
spart
11x photos[x]=
11x text[x]=
Beitrag geaendert: 16.3.2007 9:41:28 von starfun -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage