Avatar billede bo Nybegynder
03. december 2000 - 16:46 Der er 8 kommentarer og
2 løsninger

Hjælp til MouseOver

Hej...

Jeg har glemt hvordan, man får dette til at virke:

Billede 1 skal ændres til Billede 2, når man føre musen over \'Om mig\'-teksten.


<table>
<tr>
<td><!-- BILLEDE 1 HER -->  mouseover: <!-- BILLEDE 2 HER -->
</td>
<td>Om mig ( tekst )
</td>
</tr>
</table>


Er der nogen der kan give min koden ?

Med venlig hilsen
Bo Larsen
WebMaster
http://boses.homepage.dk
Avatar billede stigc Nybegynder
03. december 2000 - 17:01 #1
<SCRIPT LANGUAGE=\"JavaScript\">


img = new Image;

function changeImg(imgName, target) {

  img.src = imgName;

  document[target].src = img.src;

}


</SCRIPT>

<A HREF=\"java script:changeImg(\'billede2.jpg\',\'billede\')\">
<img name=\"billede\" WIDTH=\"80px\" HEIGHT=\"80px\" SRC=\"billede1.gif\">
</A>
Avatar billede stigc Nybegynder
03. december 2000 - 17:04 #2
det vist nærmere det her ud ønsker:

<img src=\'ditbillede1.gif\'name=\'pic\'>


<a href=\"Om mig\"
onMouseover=\"ChangeImg(\'ditbillede2.gif\',\'pic\')\" onMouseout=\"ChangeImg(\'ditbillede1.gif\',\'pic\')\">
</a>
Avatar billede jakoba Nybegynder
03. december 2000 - 17:04 #3
<script language=\'javascript\'>

preloadIMG2 = new Image()
preloadIMG2.src = \"URL_for_billede_2\"

<script>

...

<IMG src=\"URL_for_billede_1\" name=\"unikt_navn_for_denne_IMG_tag\"
        onMouseover=\'unikt_navn_for_denne_IMG_tag.src=\"URL_for_billede_2\";return true\'
        onMouseout=\'unikt_navn_for_denne_IMG_tag.src=\"URL_for_billede_1\";return true\'
>

mvh JakobA 
Avatar billede jakoba Nybegynder
03. december 2000 - 17:06 #4
sorry, nr 2 <script> skal være </script>
Avatar billede stigc Nybegynder
03. december 2000 - 17:07 #5
jeg manlger selfølgelig:

<SCRIPT>
function ChangeImg(imgName,Target) {
  img = new Image;
  img.src = imgName;
  document[Target].src = img.src; }
</SCRIPT>



altså alt i alt:

<html>

<SCRIPT>
function ChangeImg(imgName,Target) {
  img = new Image;
  img.src = imgName;
  document[Target].src = img.src; }
</SCRIPT>


<body>
<img src=\'ditbillede1.gif\'name=\'pic\'>


<a href=\"Om mig\"
onMouseover=\"ChangeImg(\'ditbillede2.gif\',\'pic\')\" onMouseout=\"ChangeImg(\'ditbillede1.gif\',\'pic\')\">
</a>
Avatar billede nixen Nybegynder
03. december 2000 - 19:04 #6
bedre at preloade billederne udenfor funktionen

im = new Array()
im[0] = new Image;
im[1] = new Image;
img[0].src = \"billede1.gif\"
img[1].src = \"billede2.gif\"
Avatar billede bo Nybegynder
03. december 2000 - 21:02 #7
Tak...

Det var stigc, som gav min den kode jeg skulle bruge.
Men JakobA får også lidt point for insatsen

Med venlig hilsen
Bo Larsen
WebMaster
http://boses.homepage.dk
Avatar billede nomiz Nybegynder
03. december 2000 - 21:04 #8
bo>> Hvorfor gider du at lave sådan en lang underskrift hvergang?.. Ligesom the_netfreak!

/vh
Simon
Avatar billede bo Nybegynder
03. december 2000 - 21:06 #9
Det var da utroligt -> min = mig

Beklager...
Avatar billede bo Nybegynder
03. december 2000 - 21:10 #10
Tja...

Man bliver van til det

Med venlig hilsen
Bo Larsen
WebMaster
http://boses.homepage.dk
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