Avatar billede henrik Nybegynder
27. august 1999 - 19:17 Der er 16 kommentarer og
2 løsninger

OnMouseOver Image1 hvor Image2 og Image3 skal skifte!

Hvem kan lave sådan et script???

Forklaring:
Tabel med 3 cols.
Col 1: 1 image med map (image i denne Col skal være det samme altid)
Col 2: Flere images som skal aktiveres alt efter hvor på imagemap'en (Col 1) cursoren er!
Col 3:  Samme funktion som Col 2, men med andre images i denne kollonne

Håber dette er nok forklaring til jer JavaScriptHajer!?!?
Avatar billede jumper Nybegynder
27. august 1999 - 19:26 #1
Giv os et link til din nuværende side eller post koden herinde.

Der kan være stor forskel på koden, alt afhængig af hvad du kalder dine billeder og hvad du kalder dine <img>-tags!

/Thor
Avatar billede cyberesben Nybegynder
27. august 1999 - 21:24 #2
ja skriv hvad der skal se og hvad filerne hedder
Avatar billede 2hot4u Nybegynder
29. august 1999 - 02:51 #3
prøv denne web adresse : http://www.htmlgoodies.com , der står alt om html, java og javascript.
Avatar billede cyberesben Nybegynder
29. august 1999 - 12:32 #4
2hot>> det var IKKE et svar...
Avatar billede justincase Nybegynder
29. august 1999 - 12:33 #5
Er der mere end et billede i Col2 og 3 og er det kun et i hver Col der skal skiftes ved de forskellige map-onmouseovers.
Avatar billede 2hot4u Nybegynder
29. august 1999 - 12:43 #6
OK, det var ikke et svar, men det kan være at han kan bruge det til noget alligevel!
Avatar billede skjoldby Nybegynder
29. august 1999 - 15:12 #7
Prøv dette:


<html>
<head>
<title>MouseOver</title>
</head>
<script language=javascript>
<!-- //

bild1 = new Image(); bild1.src = "pics/bild_1.gif"
bild2 = new Image(); bild2.src = "pics/bild_2.gif"
bild3 = new Image(); bild3.src = "pics/bild_3.gif"
bild4 = new Image(); bild4.src = "pics/bild_4.gif"

    function MouseOver1(bildnr) {
    document.blank1.src="pics/bild_" + bildnr + ".gif"
    }

    function MouseOver2(bildnr) {
    document.blank2.src="pics/bild_" + bildnr + ".gif"
    }


// -->
</script>
<body bgcolor="#FFFFFF">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="pics/menu_map.gif" width="100" height="126" border="0" usemap="#map1"></td>
    <td><img src="pics/bild_0.gif" width="100" height="126" name="blank1"></td>
    <td><img src="pics/bild_1.gif" width="100" height="126" name="blank2"></td>
  </tr>
</table>
<map name="map1">
  <area shape="rect" coords="0,1,60,41" onMouseOver="MouseOver1(2); MouseOver2(3);" onMouseOut="MouseOver1(0); MouseOver2(1)">

  <area shape="rect" coords="59,61,99,121" onMouseOver="MouseOver1(3); MouseOver2(4);" onMouseOut="MouseOver1(0); MouseOver2(1)">
</map>
</body>
</html>


Kald dine billeder for 'blid_0.gif', 'blid_1.gif', 'bild_2.gif', 'bild_3.gif' osv.

'bild_0.gif' og 'bild_1.gif' skal være blanke billeder, med mindre du ønsker der skal vises noget inden man fører musen over 'menu_map.gif'.

Desuden skal du huske at billederne skal have samme størrelse.

håber det kan bruges.

/skjoldet
Avatar billede darthvader Nybegynder
31. august 1999 - 10:57 #8
Jeg har lavet det lidt om, nu vil jeg gerne have links i de billeder som kommer op til højre, kan man det???
Og evt. kan man også få højre billede til at forsvinde igen når man går væk fra venstre tabel igen?
Kan ses her: http://skateboarding.dk/selection/

kode:

<SCRIPT LANGUAGE="JavaScript">
window.onerror=null;
window.defaultStatus = "Drake Denmark";

BrowserCheck = (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) || ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 )))
if (BrowserCheck)
{
  LinkImages = new Array();
  gifs = new Array ("type1", "type2", "type3", "type4", "type5", "type6", "type7", "type8", "type9", "type10");
for(N = 0; N <= 20; N++)
                  {
                    LinkImages[N]    = new Image();
                    LinkImages[N].src = "type/" + gifs[N] + ".gif";
                  }
for(N = 21; N <= 31; N++)
  {
    LinkImages[N]    = new Image();
    LinkImages[N].src = "type/" + gifs[N] + "_pil.gif";
  }
}
FirstTime = true;
CurrentImg = 0;
function RefleksShift (N,IMG)
{
  if (BrowserCheck)
  {
    if (N != CurrentImg)
        {
      document.images[N].src = "type/" + IMG + ".gif";
      if (!FirstTime)
      document.images[CurrentImg].src = "type/" + IMGtemp + ".gif";
      CurrentImg = N;
      FirstTime = false;
          IMGtemp = IMG;
        }
  }
}
function RefleksShift2 (N,IMG)
{
  if (BrowserCheck)
  {
    if (N != CurrentImg)
        {
      document.images[N].src = "type/" + IMG;
        }
  }
}
// End of Script -->
</SCRIPT>

</HEAD>
<BODY bgcolor="#FFFFD7" background="baggrund.gif">

<table align="center" cellspacing="0" cellpadding="0" border="0" width="601" height="215">
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type1.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type1.gif')"><img src="select_type1.gif" width=264 height=29 border=0 alt=""></a></td>
    <td rowspan="10"><img src="type/type_blank.gif" width=337 height=215 border=0 alt=""></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type2.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type2.gif')"><img src="select_type2.gif" width=264 height=21 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type3.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type3.gif')"><img src="select_type3.gif" width=264 height=18 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type4.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type4.gif')"><img src="select_type4.gif" width=264 height=20 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type5.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type5.gif')"><img src="select_type5.gif" width=264 height=21 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type6.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type6.gif')"><img src="select_type6.gif" width=264 height=20 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type7.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type7.gif')"><img src="select_type7.gif" width=264 height=21 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type8.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type8.gif')"><img src="select_type8.gif" width=264 height=19 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type9.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type9.gif')"><img src="select_type9.gif" width=264 height=23 border=0 alt=""></a></td>
</tr>
<tr>
    <td><a href="#"  OnMouseOver="RefleksShift2(1,'type10.gif'), window.status=''; return true" OnMouseOut="RefleksShift2(1,'type10.gif')"><img src="select_type10.gif" width=264 height=23 border=0 alt=""></a></td>
</tr>
</table>

Avatar billede henrik Nybegynder
31. august 1999 - 12:18 #9
Det er mig som har kommenteret ovenstående (darthvader?), så der er stadig point til den som kommer med en løsning!
Avatar billede henrik Nybegynder
31. august 1999 - 13:00 #10
KAN det lade sig gøre at have links i et "onmouseover-image"???
Avatar billede jumper Nybegynder
31. august 1999 - 15:20 #11
Ja sagtens, du skriver da bare linket ;)

/Thor
Avatar billede cyberesben Nybegynder
31. august 1999 - 20:14 #12
hvis du sender hele lortet til mig via email kan jeg godt lave det for dig
Avatar billede henrik Nybegynder
31. august 1999 - 23:35 #13
Cubersben,

Har du modtaget noget? Hvis ikke, hvad er din email?

Henrik.
Avatar billede jumper Nybegynder
07. september 1999 - 23:05 #14
/Thor
Avatar billede skjoldby Nybegynder
25. september 1999 - 01:09 #15
Hey Henrik...
Du burde faktisk oprette et nyt spørgsmål til 'dit nye spørgsmål'...
- Og så give mig de point for et rigtigt svar til dette spørgsmål...
Misforstå mig nu ikke, men når man sidder og bruger tid på at hjælpe, er det jo rart at få lidt igen, ikke???

/skjoldby
Avatar billede cyberesben Nybegynder
25. september 1999 - 14:50 #16
jumper hvad har du gang i?
henrik jeg har ikke modtaget noget
Avatar billede henrik Nybegynder
25. september 1999 - 14:55 #17
Pyt, alt er iorden. Spar energien til næste gang (sikkert snart)!
Avatar billede skjoldby Nybegynder
26. september 1999 - 13:17 #18
tak...
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