Javascript bildwechsel

[Maddin_91]

Hilfe, ahbe ein Problem,
irgendwo ist ein Fehler, aber ich finde ihn nicht,
kann mir bitte jemand helfen.
Muss es heute noch haben. Ist sehr dringend.

Code:
<style type="text/css">
<!--

#content {
width:471px;
height:346px;
margin-left:50px;
margin-right:50px;
margin-top:30px;
margin-bottom:30px;
}

#fernsehen {
position: absolute;
background-image:url(bilder/tv_grau.png);
background-repeat:no-repeat;
width:350px;
height:346px;
float:left;
z-index: 10;
}

#fernbedienung {
width:121px;
height:346px;
float:right;
}

#bilder {
top:115px;
left:90px;
position: absolute;
width: 252px;
height: 187px;
z-index: 5;
}

-->
</style>
<script language="javascript" type="text/javascript">
<!--
var grafik = "bilder/tv_gelb.png";
var grafiken_1 = new Array ("bilder/tv_gelb_1.png");
var grafiken_2 = new Array ("bilder/tv_gelb_2.png");
var grafiken_3 = new Array ("bilder/tv_gelb_3.png");
var grafiken_4 = new Array ("bilder/tv_gelb_4.png");
var grafiken = new Array ("bilder/tv_gelb.png", "bilder/auswahl.png");
var malerei = new Array ("bilder/tv_rot.png", "bilder/malerei/001.jpg", "bilder/malerei/002.jpg", "bilder/malerei/003.jpg", "bilder/malerei/004.jpg", "bilder/malerei/005.jpg", "bilder/malerei/006.jpg", "bilder/malerei/007.jpg", "bilder/malerei/008.jpg", "bilder/malerei/009.jpg");
var atelier = new Array ("bilder/tv_grun.png", "bilder/atelier/001.jpg", "bilder/atelier/002.jpg", "bilder/atelier/003.jpg", "bilder/atelier/004.jpg", "bilder/atelier/005.jpg", "bilder/atelier/006.jpg", "bilder/atelier/007.jpg", "bilder/atelier/008.jpg", "bilder/atelier/009.jpg");
var ubermich = new Array ("bilder/tv_blau.png", "bilder/ubermich/001.jpg");
var start = 0;

function fernsehen_rahmen(name){
galerie = name;
start = 1;
document.getElementById("fernsehen").style.backgroundImage = galerie[0];
document.images['bild'].src = galerie[start];
}
-->
</script>
...
...
<div id="content">
<div id="bilder">
<img src="bilder/malerei/001.jpg" width="252px" height="187px" name="bild"/>
</div>
<div id="fernsehen">
</div>
<div id="fernbedienung" align="center"><br /><br /><br />
<img src="bilder/Fernbedienung_png.png" width="100" height="286" border="0" usemap="#fernbedienung" />
<map name="fernbedienung" id="fernbedienung2">
<area shape="poly" coords="15,40,42,37,75,37,84,45,76,55,20,55,12,47" href="#" onclick="fernsehen_rahmen(grafik)" />
<area shape="poly" coords="11,76,14,67,47,66,78,65,86,70,86,82,50,86,13,85" href="#" onclick="fernsehen_rahmen(malerei)" />
<area shape="poly" coords="10,107,14,95,48,95,77,95,88,102,78,114,15,114" href="#" onclick="fernsehen_rahmen(atelier)" />
<area shape="poly" coords="16,125,80,125,88,128,85,139,18,141,10,133" href="#" onclick="fernsehen_rahmen(ubermich)" />
</map>
</div>
</div>

 

[Thyras]

AW: Javascript bildwechsel

Ohne jetzt groß durchzuschauen...

Folgende Array-Definitionen sehen mehr als fragwürdig aus.

var grafiken_1 = new Array ("bilder/tv_gelb_1.png", );
var grafiken_2 = new Array ("bilder/tv_gelb_2.png",);
var grafiken_3 = new Array ("bilder/tv_gelb_3.png",);
var grafiken_4 = new Array ("bilder/tv_gelb_4.png",);

 

[Maddin_91]

AW: Javascript bildwechsel

Ja das sind nochmal einzelne Bild Kategorien, die auf dem Fernsehen erscheinen,
Da würden noch bilder dazu kommen

 

[Thyras]

AW: Javascript bildwechsel

Die Auflistung der Array-Elemente darf aber nicht mit einem Komma enden.

 

[ekiam14]

AW: Javascript bildwechsel

Hallo,

ich bin kein js-script-Spezi, da ich immer vorgefertigte Scripts nehme und anpasse.
Guckst Du:

Bitte kostenlos registrieren, damit du die Links siehst.

oder
www-java24.net

Gruß
Ekiam14

 

[Maddin_91]

AW: Javascript bildwechsel

Klappt leider noch nicht hab den code auch nochmal bisschen über sichtlicher gemacht und css eingefügt
(da das fernsehen ein hintergrund bild ist)

 

[Thyras]

AW: Javascript bildwechsel

Nochmal: Entferne erstmal die Kommas bei den Arrays grafiken_1 - grafiken_4, die gehören da nicht hin!

 

[Maddin_91]

AW: Javascript bildwechsel

Ich habs im Original ausprobiert, das war es aber nicht.
Ich hab den Verdacht das es mit einem Hintergrundbild nicht geht.
Kann das evt sein?

 

[Thyras]

AW: Javascript bildwechsel

Wenn du hier noch das Leerzeichen entfernst, sind zumindest die gröbsten Syntax-Fehler raus.

document.getElementById("fernsehen").style.backgro  undImage = galerie[0];

Ganz fehlerfrei ist die Sache von der Logik her aber immer noch nicht.

 

[Maddin_91]

AW: Javascript bildwechsel

Da ist eig keins. Ich frag mich grad wie das dahin kommt????
Kann das auch nicht weg editieren
Im Original ist da auch keins.

 

[Thyras]

AW: Javascript bildwechsel

Dann kannst du ja jetzt langsam anfangen zu beschreiben, was / wann / wo nicht funktioniert. Bisher muss man sich das irgendwie aus Code und Überschrift zusammenreimen.

 

[Maddin_91]

AW: Javascript bildwechsel

Jaa, ok ich wollte eine Galerie machen. Die sollte in einem Fernsehen gezeigt werden, der sich bei jedem Thema (also Malerei, Atelier, Grafiken und Über mich) sich in der Farbe ändert. Dies wollte ich mit einem neuen Fernsehen in der gewünschten Farbe machen. Dieser Fernsehen ist ein Hintergrundbild. In den Arrays sollten die weiteren Bilder sein. die weiteren Bilder funktionieren auch, nur das mit dem Hintergrundbild halt nicht.
Hoffe jetzt wisst ihr was ich brauche

 

[Thyras]

AW: Javascript bildwechsel

Sind CSS, JavaScript und HTML alle in der selben Datei? Evtl. überlagert sich ja was.
Wird das graue Standardbild aus der CSS erstmal angezeigt?
Kann man sich das irgendwo live anschauen?

Fragen über Fragen...

 

[Maddin_91]

AW: Javascript bildwechsel

anschauen geht leider nicht, aber hab das Problem behoben, indem ich es zu einem normalen Image gemacht hab. Aber ja, alles ist in einer Datei, und nochmal ja. zuerst kommt das graue Bild und dann durch die auswahl der Kategorie ändert sich die Farbe.
Trotzdem danke das du dir gedanken gemacht hast.