Diashow mit Javascript
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
array
beitrag
bild
count
dia
funktion
hingeschickt back
kleine frage
meinst
moment
nummer
show
stellen
string
verstehe
zurck
-
Hallo Leute,
ich hab ein kleines Problem
Ich erlerne im Moment ein bisschen Javascript und konnte bis jetzt auch die meisten Sachen darstellen, nur jetzt bei den Arrays bin ich vollkommen ahnungslos, kann mir vielleicht jemand helfen?
Ich w?rde gern erst einmal zwei, drei bilder einbinden wollen...
Bis hierhin ist das Script vermutlich richtig
<html>
<head>
<title>Diashow</title>
<script type="text/javascript">
<!--
var bilder = new Array(...);
var bildlegende = new Array("...");
var count = 0;
function wechsel(stelle)
{
.
.
.
}
//-->
</script>
</head>
<body>
<div align="center">
<h2>Dia-Show</h2>
<form name="legende">
<input type="button" value="<<" onClick="...">
<input type="button" value=" < " onClick="...">
<input type="button" value=" > " onClick="...">
<input type="button" value=">>" onClick="..."><br>
<input type="Text" name="ausgabe" size="30" readonly>
</form>
<p><img src="images/blau.jpg" border="0" width="320" height="240" name="bild" ></p>
<script type="text/javascript">
<!--
wechsel(0);
//-->
</script>
</div>
</body>
</html>
Beitrag ge?ndert am 17.01.2006 17:00 von crille -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
Ich kann dir helfen
.
Also, ich verstehe nicht ganz, was du mit dem Array bildlegende meinst, ich hab das jetzt einfach mal weggelassen und ich w?rde es so machen:
<html>
<head>
<title>Diashow</title>
<script type="text/javascript">
<!--
var count = 0;
var bilder = new Array();
bilder[0] = "http://www.lima-city.de/images/smilies/biggrin.gif";
bilder[1] = "http://www.lima-city.de/images/smilies/cool.gif";
bilder[2] = "http://www.lima-city.de/images/smilies/mad.gif";
bilder[3] = "http://www.lima-city.de/images/smilies/nosmile.gif";
function init() {
document.images['bild'].src = bilder[count];
}
function wechsel(stelle) {
if (stelle == "next") {
if (count + 1 > -1 && count + 1 < bilder.length) {
count++;
} else {
alert("Geht nicht!");
return;
}
}
else if (stelle == "back") {
if (count - 1 > -1 && count - 1 < bilder.length) {
count--;
} else {
alert("Geht nicht!");
return;
}
}
else if (!isNaN(stelle)) {
count = stelle;
}
document.images['bild'].src = bilder[count];
}
window.onload = init;
//-->
</script>
</head>
<body>
<div align="center">
<h2>Dia-Show</h2>
<form name="legende">
<input type="button" value="<<" onClick="wechsel(0)">
<input type="button" value=" < " onClick="wechsel('back')">
<input type="button" value=" > " onClick="wechsel('next')">
<input type="button" value=">>" onClick="wechsel(bilder.length - 1)"><br>
</form>
<p><img src="images/blau.jpg" border="0" width="320" height="240" name="bild"></p>
</div>
</body>
</html>
Ich hoffe es ist verst?ndlich, oder soll ich das noch kurz erkl?ren?
Zu den Arrays:
Arrays kannst du durch verschiedene Wege erzeugen.
z.B. so:
var array = new Array("1",2,"drei","usw ...");
alert(array[2]); // meldet drei
oder so:
var array = new Array();
array[0] = "1";
array[1] = 2;
array[2] = "drei";
array[3] = "usw ...";
alert(array[1]); // meldet 2
oder so:
var array = ["1",2,"drei","usw ..."];
alert(array[2]); // meldet drei
oder so:
var array = {0:"hallo","welt":"hier","5","f?nf"};
alert(array["5"]); // meldet "f?nf"
mfg,
hr
Beitrag ge?ndert am 18.01.2006 01:55 von heavyraptor -
Kleine Frage hab ich noch
was bedeutet das?
else if (!isNaN(stelle)) {
count = stelle;
Also ich mein das isNaN?
Aber ansonsten genau das was ich wollte, danke
-
Hi!
Die Jungs von selfhtml k?nnen das besser erkl?ren als ich
http://de.selfhtml.org/javascript/objekte/unabhaengig.htm#is_nan
Gru?, Stefan -
Hi,
isNaN liefert true zurueck, wenn das argumment nicht eine Nummer ist.
Dort in der Funktion werden ja auch strings hingeschickt (back un next), wenn es aber eine zahl ist, dann springt es direkt zum bild im Array mit der entsprechenden Zahl.
mfg,
hr
Beitrag ge?ndert am 18.01.2006 21:39 von heavyraptor -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage