Bildwechsel...

[jackobo]

Tag allerseits,

Ich bin momendan daran eine Navigation anhand von Bildern zu verwirklichen.

<script language="JavaScript" type="text/javascript">
<!--
if(document.images)
{
	var img1 =new Image();
	var img1_aktiv =new Image();
	var img2 = new Image();
	var img2_aktiv =new Image();
	var img3 = new Image();
	var img3_aktiv =new Image();
	var img4 =new Image();
	var img4_aktiv =new Image();


	img1.src="img/navigation/bild1_0.gif";
	img1_aktiv.src="img/navigation/bild1_1.gif";
	img2.src="img/navigation/bild2_0.gif";
	img2_aktiv.src="img/navigation/bild2_1.gif";
	img3.src="img/navigation/bild3_0.gif";
	img3_aktiv.src="img/navigation/bild3_1.gif";
	img4.src="img/navigation/bild4_0.gif";
	img4_aktiv.src="img/navigation/bild4_1.gif";

}

function bild_wechsel()
{

}

//-->
</script>

<a href="link" onClick="bild_wechsel();"><img src="img/navigation/bild1_0.gif" name="bild1" width="117" height="26" border="0" id="bild1"></a>
<a href="link" onClick="bild_wechsel();"><img src="img/navigation/bild2_0.gif" name="bild2" width="117" height="26" border="0" id="bild2"></a>
<a href="link" onClick="bild_wechsel();"><img src="img/navigation/bild3_0.gif" name="bild3" width="117" height="26" border="0" id="bild3"></a>
<a href="link" onClick="bild_wechsel();"><img src="img/navigation/bild4_0.gif" name="bild4" width="117" height="26" border="0" id="bild4"></a>

Oben am Seitenanfang zeige ich die Navigation an, alle Bilder sind noch nicht aktiv (bildname plus die Endung "_0.gif", da wen man die Seite betritt ja noch kein link resp. Bild angeklickt/gewählt hat.

Klickt man nun auf ein Bild so sollte es auf aktiv gewechselt werden resp. mit dem Bild (bildname plus die Endung "_1.gif") ausgewechselt werden.

Klickt man danach auf einen anderen Link resp. Bild so sollte mit diesem genau das selbe passieren.
Jedoch sollte das vorherige aktive Bild wider auf nicht aktiv gewechselt werden resp. mit dem Bild (bildname plus die Endung "_0.gif") ausgewechselt werden.

dafür fehlt mir jetzt jedoch noch diese Funktion, kann mir hier Jemand weiter helfen?

gruess jackobo

 

[Sven Mintel]

zu dem Einen....dass das zuletzt angeklickte Bild wieder "inaktiv" wird, sobald ein anderes angeklickt wird: du kannst jeweils am Ende der Funktion das angeklickte Bild in einer Variablen speichern.... dann weisst du beim nächsten mal, welches Bild du zurücksetzen musst.

Zum Anderen.... _0.gif und _1.gif ....:
da bietet sich die Funktion replace() an ...damit kannst du anhand eines regulären Ausdrucks diesen Teil der img-src ersetzen....und dann zuweisen.

Eine etwas andere Herangehensweise, welche allerdings dasselbe bewirkt, findest du inklusive komplettem Skript unter: http://www.tutorials.de/forum/showthread.php?p=1076628