Bildwechsel
Joh Reichenbächer
- javascript
Schaut euch bitte mal folgende Quelltexte an und probiert sie vielleicht aus. Muss irgend ein Fehler drin sein. Ich weiß aber nicht was für einer. Habe eine Vermutung kann auf Grafiknamen nicht zurückgreifen, da diese keine Variablen darstellen sondern nur Zeichenketten.
Wäre nett wenn ihr mir helfen könntet.
Danke
Hier die Quellcodes:
<html>
<head>
<title>
Bildewechsel
</title>
<script language="JavaScript">
var Rechnung;
var Zahl=3;
var Bild;
Sport1 = new Image();
Sport1.src = "S1.bmp";
Sport2 = new Image();
Sport2.src = "S2.bmp";
Sport3=new Image();
Sport3.src="S3.bmp";
Sport4=new Image();
Sport4.src="S4.bmp";
Sport5=new Image();
Sport5.src="S5.bmp";
function Zahlplus() {
Zahl++;
if(Zahl==6) {
Zahl==1;
}
if(Zahl==1) {
document.images[0].src=Sport1;
}
if(Zahl==2) {
document.images[0].src=Sport2;
}
if(Zahl==3) {
document.images[0].src=Sport3;
}
if(Zahl==4) {
document.images[0].src=Sport4;
}
if(Zahl==5) {
document.images[0].src=Sport5;
}
}
function Zahlminus() {
Zahl=Zahl-1;
if(Zahl==0) {
Zahl==5;
}
if(Zahl==1) {
document.images[0].src=Sport1;
}
if(Zahl==2) {
document.images[0].src=Sport2;
}
if(Zahl==3) {
document.images[0].src=Sport3;
}
if(Zahl==4) {
document.images[0].src=Sport4;
}
if(Zahl==5) {
document.images[0].src=Sport5;
}
}
</script>
</head>
<body>
<img src="S3.bmp">
<form name="Button">
<input type=button value=links onClick="Zahlminus()">
<input type=button value=rechts onClick="Zahlplus()">
</form>
</body>
</html>
Sorry, ich hab in der Eile nur eine Code geschickt, heir sind jetzt beide:
<html>
<head>
<title>
Bildewechsel
</title>
<script language="JavaScript">
var Rechnung;
var Zahl=3;
var Bild;
Sport1 = new Image();
Sport1.src = "S1.bmp";
Sport2 = new Image();
Sport2.src = "S2.bmp";
Sport3=new Image();
Sport3.src="S3.bmp";
Sport4=new Image();
Sport4.src="S4.bmp";
Sport5=new Image();
Sport5.src="S5.bmp";
function Zahlplus() {
Zahl++;
Bild="Sport"+Zahl;
document.images[0].src=Bild;
}
function Zahlminus() {
Zahl=Zahl-1;
Bild="Sport"+Zahl;
document.images[0].src=Bild;
}
</script>
</head>
<body>
<img src="S3.bmp">
<form name="Button">
<input type=button value=links onClick="Zahlminus()">
<input type=button value=rechts onClick="Zahlplus()">
</form>
</body>
</html>
Oder vielleicht so
<html>
<head>
<title>
Bildewechsel
</title>
<script language="JavaScript">
var Rechnung;
var Zahl=3;
var Bild;
Sport1 = new Image();
Sport1.src = "S1.bmp";
Sport2 = new Image();
Sport2.src = "S2.bmp";
Sport3=new Image();
Sport3.src="S3.bmp";
Sport4=new Image();
Sport4.src="S4.bmp";
Sport5=new Image();
Sport5.src="S5.bmp";
function Zahlplus() {
Zahl++;
if(Zahl==6) {
Zahl==1;
}
if(Zahl==1) {
document.images[0].src=Sport1;
}
if(Zahl==2) {
document.images[0].src=Sport2;
}
if(Zahl==3) {
document.images[0].src=Sport3;
}
if(Zahl==4) {
document.images[0].src=Sport4;
}
if(Zahl==5) {
document.images[0].src=Sport5;
}
}
function Zahlminus() {
Zahl=Zahl-1;
if(Zahl==0) {
Zahl==5;
}
if(Zahl==1) {
document.images[0].src=Sport1;
}
if(Zahl==2) {
document.images[0].src=Sport2;
}
if(Zahl==3) {
document.images[0].src=Sport3;
}
if(Zahl==4) {
document.images[0].src=Sport4;
}
if(Zahl==5) {
document.images[0].src=Sport5;
}
}
</script>
</head>
<body>
<img src="S3.bmp">
<form name="Button">
<input type=button value=links onClick="Zahlminus()">
<input type=button value=rechts onClick="Zahlplus()">
</form>
</body>
</html>
Hallo,
also Bilder im BMP Format sind fürs Internet nicht geeignet,
nimm stattdessen JPEG oder GIF Grafiken.
Des weiteren ist dein Code ein bischen dahin gewurschtelt,
sprcih mit einer FOR Schleife und einem kleinen Array, sparst du
dir den ganze Abfrage AUfwand und ermöglichst einfache Updates und Änderungen.
Gruß
ueps
Hallo,
also Bilder im BMP Format sind fürs Internet nicht geeignet,
nimm stattdessen JPEG oder GIF Grafiken.
Des weiteren ist dein Code ein bischen dahin gewurschtelt,
sprcih mit einer FOR Schleife und einem kleinen Array, sparst du
dir den ganze Abfrage AUfwand und ermöglichst einfache Updates und Änderungen.
Gruß
ueps
Danke, schon mal für deine Stellungnahme, aber ich brauche den Quelltext bis morgen, so dass es für mich nicht lohnt, alles noch mal neu zu überdenken. Wenn du schon ein ähnliches Script hast, dann wäre es sehr nett, wenn du mir schreibst. Ansonsten würde ich dich bitten mir zumindest Ansätze zu zeigen.
Danke
Danke, schon mal für deine Stellungnahme, aber ich brauche den Quelltext bis morgen, so dass es für mich nicht lohnt, alles noch mal neu zu überdenken. Wenn du schon ein ähnliches Script hast, dann wäre es sehr nett, wenn du mir schreibst. Ansonsten würde ich dich bitten mir zumindest Ansätze zu zeigen.
Wie lange hast du denn dafür gebraucht? Noch Student?
Also ich nehme mich deiner mal an und denke für dich in 2 min mal kurz nen Ansatz aus:
var bildno = 0;
var Bilder = new Array("s1.gif", "s2.gif", "s3.gif", "s4.gif", "s5.gif");
function plus()
{
bildno++;
if (bildno == 5)bildno = 0;
document.images[0].src=Bilder[bildno];
}
function minus()
{
bildno--;
if (bildno == -1)bildno = 4;
document.images[0].src=Bilder[bildno];
}
<img src="s1.gif">
<a href="#" onClick="plus()">Weiter</a>
<a href="#" onClick="minus()">Zurück</a>
Ich danke dir. Damit kann ich in der Kürze noch was anfangen.
Dein Tipp hat mich schon viel weiter gebracht.
Da ist nur noch eine SAche, die ich nun machen muss; einen Bericht über eine Erstellung einer PAge und deren Unterprogrammen, ich denke jedoch, dabei kannst du mir nicht helfen.
Auf jeden Fall noch mal herzlichen Dank für deine Hilfe.