Søg
Avatar billede zetn Nybegynder
18. juni 2003 - 23:28 Der er 6 kommentarer og
1 løsning

On mouse over/out

Hvordan er det nu koden er til at billedet skifter når musen er over?

- JW
Avatar billede yesyes Nybegynder
18. juni 2003 - 23:31 #1
det er javascript
Avatar billede yesyes Nybegynder
18. juni 2003 - 23:31 #2
http://www.javascript-page.com/chpic.html
Avatar billede yesyes Nybegynder
18. juni 2003 - 23:32 #3
http://www.union.edu/RESOURCES/curriculum/tips/mouseover/
Avatar billede gumphfy Nybegynder
18. juni 2003 - 23:47 #4
<!-- Rollover Image Script - Place within <head> tag -->
<script language="JavaScript" type="text/javascript">
<!-- Hide from older browsers
function SwitchImg()
{ //start
  var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
    for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
        store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
    if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
        (store.indexOf('document.all[')==0 && document.all==null))
        store = 'document'+store.substring(store.lastIndexOf('.'),store.length);
        obj = eval(store);
    if (obj != null) {
        switcher[keep++] = obj;
      switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
      obj.src = SwitchImg.arguments[rem+2];
  } }
  document.Data = switcher;
} //end

function RestoreImg()
{ //start
  if (document.Data != null)
    for (var rem=0; rem<(document.Data.length-1); rem+=2)
      document.Data[rem].src=document.Data[rem+1];
} //end

// end hiding contents -->
</script>

<a href="hjemmeside.html" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.roll over','document.roll over','image2')"><img src="billede" name="roll over" width="0" height="0" alt="link" border="0"></a>
Avatar billede grunken Nybegynder
19. juni 2003 - 01:12 #5
al det kode FOR så lidt?
Avatar billede roenving Novice
19. juni 2003 - 01:21 #6
Det er jo en kompliceret sag, grunken ...

Det kan anbefales at bruge en preloader:

<script language="javascript" type="text/javascript">
var imgs = new Array();
imgs[0] = new Image();
imgs[0].src= "mitBillede.jpg"
imgs[1] = new Image();
imgs[1].src= "mitBilledeOver.jpg"
</script>

<img src="mitBillede.jpg" onmouseover="this.src=imgs[1].src;" onmouseout="this.src=imgs[0].src;">
Avatar billede roenving Novice
19. juni 2003 - 02:09 #7
-- og det skal da lige noteres, at teknikken med at placere et <a>-tag udenom billedet er nødvendigt, hvis du skal have det til at fungere med version-3-browsere (NN3 og IE3)
-- og bemærk, at de er set mere end 20 gange inden for den sidste måned (alle andre browsere tilsammen er 20 mia. !-)
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra ASP kategorien

Titel Indlæg Oprettet Seneste aktivitet
Jeg bakser med noget Database og If Then med ASP - hvad gør jeg galt? Af Peer i ASP 10 25/06/202622:20 04/09/202602:30
Tjek alle checkbox i form Af bsn i ASP 4 18/05/202601:57 19/05/202613:33
Lost focus Af bsn i ASP 1 07/11/202415:34 01/01/202514:58
ASP classic Af bsn i ASP 8 28/10/202423:11 30/10/202422:51
Classic - filer vist med sidste fil først Af bsn i ASP 5 23/05/202409:56 24/05/202400:02
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 10:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
13/0912:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
12/0913:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
White papers
Flere white papers »