Avatar billede solarsys Nybegynder
05. marts 2000 - 19:13 Der er 1 kommentar og
1 løsning

Enkelt Billedskift til flere links

JEg er igang med at lave en lille menu med tekst links.
Dog er der et lille problem. Jeg har lavet et lille tomt billede på 10x7px ud for
hvert link. Der skal når du kører over et af linkene komme en lille pil ud for, som
skal skifte det tomme billede ud.

Mit problem lyder således. Jeg vil gerne have lavet en lille preload så jeg henter de to
billeder ind fra start i en billed1on.src og en billed1off.src. I mit javascript til
onMouseover/Out skal der ikke køres på billede destinationerne.

Eksempel:
onMousover="ChangeImage('../pics/picture1on.gif');return true;"

men istedet køre på on off sources

Eksempel:
onMousover="ChangeImage('billed1');return true;"

men hvordan skal man lave dette så man ikke preloader det samme billed til hver link ?

Min menu består af cirka 20 tekst links, som hvert skal have et billed skift.

Repetation.
-----------
Et javascript med preload på 2 billeder.
Billeder er ImageOver objekter som skal være ved siden af et tekst link.
De samme billeder hører til omkring 20 links.
Altså hvert link har disse billeder ved siden af sig.
    [Billede1] tekstlink 1
    [Billede1] tekstlink 2 etc...
Billedet skal skifte ved MouseOver/Out...
    [Billede2] tekstlink 1 markeret
    [Billede1] tekstlink 2 etc...

Hvordan laves dette ? Helst i simpelt JavaScript kode....
Avatar billede hatecaps Nybegynder
05. marts 2000 - 21:26 #1
<html>
<head>
<script language="javascript">
<!--
imgtom = new Image();
imgtom.src = 'tomt.gif';
imgon = new Image();
imgon.src = 'pil.gif';
function vis(imgname) {
  eval('document.'+imgname+'.src = imgon.src');
  }
function fjern(imgname) {
  eval('document.'+imgname+'.src = imgtom.src');
  }
//-->
</script>
</head>
<body>
<img src="tomt.gif" name="link1" height="7" width="10">&nbsp;<a href="someurl" onMouseOver="vis('link1');return true" onMouseOut="fjern('link1'); return true"> tekst link1</a><br>
<img src="tomt.gif" name="link2" width="10" height="7">&nbsp;<a href="someurl" onMouseOver="vis('link2');return true" onMouseOut="fjern('link2'); return true"> tekst link2</a><br>

o.s.v
</body>
</html>

virker :-)
Avatar billede kim_bille Nybegynder
06. marts 2000 - 01:22 #2
der kom du nemt til 150 point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester