Just nu i M3-nätverket
Jump to content

Ändra bild när annan bild är aktiv


Zeeke

Recommended Posts

Jag har tänkt att göra en meny där då man klickar på en länk så ska bilden ändras och den bilden som då varit aktiv skall ändras till default läge. Har provat lite med java script jag hitta på nätet men de funkar inte som jag vill.

Vad jag förstår så måste man jämföra vilken bild som är aktiv med en funktion som körs när man klickar på länken. Är det någon som hajar vad jag menar?

 

Link to comment
Share on other sites

Om jag förstått fråga rätt, så är det så här:

 

För att inte behöva skriva ett krångligt skript så bör namnen på bilder följa ett mönster. Jag har i exemplet valt att kalla knapparna (bilderna) för knapp1.gif, knapp2.gif osv...

 

Bilderna som knapparna ska ändras till när man klickar på dem har jag valt att kalla knapp1_mark.gif, knapp2_mark.gif osv...

 

<script>
function andra(markerad)
{
antal = 2;
for (i=1; i<=2; i++)
{
	eval("document.knapp"+i+".src = 'knapp"+i+".gif'");
}
eval("document.knapp"+markerad+".src = 'knapp"+markerad+"_mark.gif'");
}
</script>

<img src="knapp1.gif" name="knapp1" onClick="andra(1);">
<img src="knapp2.gif" name="knapp2" onClick="andra(2);">

 

antal är antalet knappar och måste stämma, annars blir det fel i skriptet.

 

Vid händelsen onClick skickas en inparameter till funktionen. Inparamterern är numret på knappen. Bild heter (=name) knapp1, knapp2, osv...

 

Varsågod! Det tog längre tid att skriva den här texten, än själva funktionen. ;)

 

 

_________

TicoRoman - The One And Only

 

Link to comment
Share on other sites

Men detta skript ändrar väl bara bilden man klickar på....jag har inte provat det än.

Ska försöka förklar bättre. Jag skulle vilja ha en meny där då man t ex klickar på "Program" så ska en bilden på knappen ändras så man kan se vilken sida man är på. Då ska den tidigare aktiva knappen ändras till sitt default läge. Eftersom det finns ca 10 olika länkar (med då olika bilder)att klicka på så måste man på något sätt loopa igenom de andra och återställa dom till default eller tänker jag fel.

/Kent

 

 

Link to comment
Share on other sites

Du menar att du vill ha förutom mouse click funktionen på alla knappar. så vill du ha en funktion som tittar vilken sida du står på och ändrar denna till typ pressed_button.gif.

 

jag funderar, jag måste fattat dig fel, för vad ska du annars lösa detta med javascript för!

 

om du har TicoRomans skript så kan du väll bara göra så här.

 

def.html

<a href="program.htm">

<img src="knapp1.gif" name="knapp1" onClick="andra(1);">

</a>

<a href="hej.htm">

<img src="knapp2.gif" name="knapp2" onClick="andra(2);">

</a>

 

Program.html

<img src="Program_pressed.gif">

<a href="hej.htm">

<img src="knapp2.gif" name="knapp2" onClick="andra(2);">

</a>

 

hej.html

<a href="program.htm">

<img src="knapp1.gif" name="knapp1" onClick="andra(1);">

</a>

<img src="hej_pressed.gif">

 

 

Link to comment
Share on other sites

Tack för scriptet TicoRoman!! Det var precis ett sådant jag ville ha och det funkar hur bra som helst.

/Kent

"Det man inte vet har man ingen aning om"

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...