Avatar billede monstermand Nybegynder
16. januar 2001 - 18:22 Der er 11 kommentarer og
1 løsning

Mus over link medfører billede et andet sted...

Hej!
Mit spørgsmål lyder: Hvordan gør man, hvis man gerne vil have at der kommer et billede frem et andet sted på skærmen når man holder musen et bestemt link. Fx en *¨.jpg fil hvor der står hvad linket indeholder. Som opasia også har her under menuen i venstre side på adressen http://www.opasia.dk/erotik/index2.shtml .
Håber at der er nogen der kan hjælpe
Avatar billede ldanielsen Nybegynder
16. januar 2001 - 18:24 #1
Lige som en almindelig rollover! Du siger bare hvilket billede eller billeder der skal skiftes ud.
Avatar billede hojben Novice
16. januar 2001 - 18:25 #2
tag et lynkig på www.netwebber.dk \'s forside og se om det er noget ligende..
Avatar billede visionmagic Nybegynder
16. januar 2001 - 19:25 #3
Det gør du sådanne:
Med \"alt\"-funktionen....

<a href=\"http://www.jubii.dk\"><img src=\"DITBILLEDE.jpg\" width=\"50\" height=\"50\" border=\"0\" alt=\"Klik her for at komme til Jubii.dk\"></a>

HUSK at give Point!!!!
Avatar billede ldanielsen Nybegynder
16. januar 2001 - 20:52 #4
visionmagic > Det er altså ikke det der bliver spurgt om.

Plejer monstermand ikke at give point?
Avatar billede monstermand Nybegynder
16. januar 2001 - 21:19 #5
monstermand giver da altid point :o)
Avatar billede monstermand Nybegynder
16. januar 2001 - 21:21 #6
det er som det på www.netwebber.dk !
Avatar billede hojben Novice
16. januar 2001 - 21:24 #7
Så ser det sådan ud...
<html>
<!--
    Programmed by:
    --------------------------------
    NetWebber - Denmark 
    Phone:  +45 54 82 83 57
    Web:    http://www.netwebber.dk
    Email:  design@netwebber.dk
    --------------------------------
    Copyright © 2000 Netwebber.dk
    All rights reserved
-->
<head>
<title>N e t W e b b e r . d k&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- - -&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;få dit eget internet . . . . . </title>
<script language=javascript>
<!--

Otxt = new Image();
Otxt.src = \'grfx/Otxt.jpg\';
Wtxt = new Image();
Wtxt.src = \'grfx/Wtxt.jpg\';
Dtxt = new Image();
Dtxt.src = \'grfx/Dtxt.jpg\';
Mtxt = new Image();
Mtxt.src = \'grfx/Mtxt.jpg\';
Stxt = new Image();
Stxt.src = \'grfx/Stxt.jpg\';
Ktxt = new Image();
Ktxt.src = \'grfx/Ktxt.jpg\';
off = new Image();
off.src = \'grfx/txt.jpg\';
Oon = new Image();
Oon.src = \'grfx/Oon.jpg\';
Won = new Image();
Won.src = \'grfx/Won.jpg\';
Don = new Image();
Don.src = \'grfx/Don.jpg\';
Mon = new Image();
Mon.src = \'grfx/Mon.jpg\';
Son = new Image();
Son.src = \'grfx/Son.jpg\';
Kon = new Image();
Kon.src = \'grfx/Kon.jpg\';

function MM_popupMsg(msg) { //v1.0
  alert(msg);
}
//-->
</script>
<style>
a{color:#CCCCCC;text-decoration:none}
a:hover{color:#AAAAAA;text-decoration:underline}
a:hover{color:#AAAAAA;text-decoration:overline}
</style>
</head>
<body bgcolor=\"#525E6A\" onload=\"loadlayer.style.visibility=\'hidden\'\">
<table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">
    <td align=\"center\" valign=\"center\" height=\"557\">
      <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"500\">
        <tr>
        <td align=\"center\" valign=\"center\"><img src=\"grfx/1.jpg\" width=\"500\" height=\"40\"></td>
        </tr>
        <tr>
          <td align=\"center\" valign=\"center\"><img src=\"grfx/2.jpg\" width=\"179\" height=\"70\"><a href=\"store/index.htm\" onmouseover=\"im0.src=Oon.src;txt.src=Otxt.src\" onmouseout=\"im0.src=\'grfx/O.jpg\';txt.src=off.src\" target=\"_self\"><img border=\"0\" src=\"grfx/O.jpg\" name=\"im0\" width=\"60\" height=\"70\"></a><img src=\"grfx/3.jpg\" width=\"60\" height=\"70\"><a href=\"webhotelinfo.htm\" onmouseover=\"im1.src=Won.src;txt.src=Wtxt.src\" onmouseout=\"im1.src=\'grfx/W.jpg\';txt.src=off.src\" target=\"_self\"><img border=\"0\" src=\"grfx/W.jpg\" name=\"im1\" width=\"60\" height=\"70\"></a><img src=\"grfx/4.jpg\" width=\"141\" height=\"70\"></td>
        </tr><tr>
          <td align=\"center\" valign=\"center\"><img src=\"grfx/5.jpg\" width=\"110\" height=\"110\"><a href=\"domaininfo.htm\" onmouseover=\"im2.src=Don.src;txt.src=Dtxt.src\" onmouseout=\"im2.src=\'grfx/D.jpg\';txt.src=off.src\" target=\"_self\"><img border=\"0\" src=\"grfx/D.jpg\" name=\"im2\" width=\"50\" height=\"110\"></a><img src=grfx/6.jpg width=40 height=110><img src=grfx/txt.jpg width=100 height=110 name=txt><img src=\"grfx/7.jpg\" width=\"40\" height=\"110\"><a href=\"mailinfo.htm\" onmouseover=\"im3.src=Mon.src;txt.src=Mtxt.src\" onmouseout=\"im3.src=\'grfx/M.jpg\';txt.src=off.src\" target=\"_self\"><img border=\"0\" src=\"grfx/M.jpg\" name=\"im3\" width=\"50\" height=\"110\"></a><img src=\"grfx/8.jpg\" width=\"110\" height=\"110\"></td>
        </tr>
        <tr>
          <td align=\"center\" valign=\"center\"><img src=\"grfx/9.jpg\" width=\"150\" height=\"90\"><a href=\"support/index.htm\" onmouseover=\"im4.src=Son.src;txt.src=Stxt.src\" onmouseout=\"im4.src=\'grfx/S.jpg\';txt.src=off.src\" target=\"_self\"><img border=\"0\" src=\"grfx/S.jpg\" name=\"im4\" width=\"50\" height=\"90\"></a><img src=\"grfx/10.jpg\" width=\"70\" height=\"90\"><a href=\"#\" onmouseover=\"im5.src=Kon.src;txt.src=Ktxt.src\" onmouseout=\"im5.src=\'grfx/K.jpg\';txt.src=off.src\" onClick=\"MM_popupMsg(\'NetWebber kan kontaktes p&aring;:\\rJappesgade 18\\r4800 Nyk&oslash;bing Falster \\rTelefon: 5482 8357\\rFax: 7022 2870\\rEmail: info@netwebber.dk\')\"><img border=\"0\" src=\"grfx/K.jpg\" name=\"im5\" width=\"50\" height=\"90\"></a><img src=grfx/11.jpg width=180 height=90></td>
          </tr>
          <tr>
          <td align=\"center\" valign=\"center\"><img src=\"grfx/12.jpg\" width=\"500\" height=\"40\"></td>
          </tr>
          <tr>
          <td align=\"center\" valign=\"center\"> <font style=\"font-face:verdana;font-size:10px\"><a href=store/Index.htm target=\"_self\">[
            - Online shop - ]</a> <a href=webhotelinfo.htm target=\"_self\">[ -
            Webhotel info - ]</a> <a href=domaininfo.htm target=\"_self\">[ - Domæne
            info - ]</a> <a href=mailinfo.htm target=\"_self\">[ - Mail info - ]</a>
            <a href=support/index.htm target=\"_self\">[ - Support - ]</a> <a href=\" \" onClick=\"MM_popupMsg(\'NetWebber kan kontaktes p&aring;:\\rJappesgade 18\\r4800 Nyk&oslash;bing Falster \\rTelefon: 5482 8357\\rFax: 7022 2870\\rEmail: info@netwebber.dk\')\">[
            - Kontakt - ]</a><br>
            Design & Content is &copy; by NetWebber.dk 2000 </font> </td>
        </tr>
      </table>
      <table width=\"500\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
        <tr>
          <td></td>
        </tr>
      </table>
      <table width=\"500\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
        <tr>
          <td width=\"250\">
            <center>
              <a href=\"http://www.tradedoubler.com/tracker.asp?code=120101\"><img border= 0 src=\"http://www.netwebber.dk/gfx/tradedoubler/bidlet_dk_pid1_100x70.gif\"></a>
            </center>
          </td>
          <td width=\"250\">
            <center><a target=\"_blank\" href=\"http://www.chart.dk/ref.asp?id=18069\"><img alt=\"chart.dk\" border=\"0\" src=\"http://cluster.chart.dk/chart.asp?id=18069\"></a>
            </center>
          </td>
          <td width=\"250\">
            <center>
              <a href=\"http://www.tradedoubler.com/tracker.asp?code=120116\"><img border= 0 src=\"http://www.netwebber.dk/gfx/tradedoubler/td_dk_earn2.gif\"></a>
            </center>
          </td>
        </tr>
      </table>
     
  </table>
<div style=\"{position:absolute;top:0;left:0;width:100%;height:100%;visibility:visible;z-index:100}\" id=\"loadlayer\">
  <table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" bgcolor=\"#525E6A\" height=\"100%\">
    <td align=\"center\" valign=\"center\">
      <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"500\" height=\"350\" bgcolor=\"#748799\">
    <tr>
      <td align=\"center\" valign=\"center\" style=\"font-family:verdana;color:#54626E\"> N e t W e b b e r . d k - - - vent et øjeblik</td>
    </tr>
      </table>
  </td>
</table>
</div>
    </body>
</html>
Avatar billede monstermand Nybegynder
16. januar 2001 - 21:29 #8
det kunne jo selv jeg finde ud af!, men 90% af ovenstående er jo ikke nødvendigt. Det er bare lidt svært at overskue. Hvis man skulle bruge en mouseover kommando hvor man siger at billedet skal komme frem, hvordan skal man så fx sige at billedet skal komme frem i nederste celle i en tabel?
Avatar billede ldanielsen Nybegynder
16. januar 2001 - 21:40 #9
helt simpelt

<onMouseover=\"document.mitbillede.src = \'nyt.gif\'\">

- hvor du nu vil have den

Sagen er at billedet ikke kommer frem i en celle, det er der hele tiden. Du kan fx lave en usynlig gif-fil og lægge den hvor billedet skal være, med name=\"mitbillede\"

Så når du kører over det link eller andet hvor du har din mouseover, så skifter billedet (\"kommer frem\")
Avatar billede jakoba Nybegynder
17. januar 2001 - 15:03 #10
idanielsen >> Ikke enig. På den side der refereres til http://www.opasia.dk/erotik/index2.shtml
gøres det med en alt= tekst præcis som visionmagic demonstrerer.
Avatar billede ldanielsen Nybegynder
17. januar 2001 - 15:19 #11
jakoba > Her er koden for øverste link i menuen på erotiksiden:

<a href=\"/erotik/hotnews/\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'omraade_foto_tekst\',\'\',\'/erotik/fast_grafik/menuikon_nye_hede_nyheder.jpg\',1)\"><img src=\"/erotik/fast_grafik/menu_nye_hede_nyheder.gif\" height=\"16\" border=\"0\" name=\"link10\" alt=\"Info om aktuelle arrangementer, film, fester m.v. af erotisk karakter\"></a>

Der er ganske rigtigt en alt-tekst, men derudover sker der også en udskiftning af et billede over menuen, og det er vel den effekt der spørges efter.
Avatar billede monstermand Nybegynder
17. januar 2001 - 16:10 #12
Genialt...det var jo slet ikke så svært.. nu har du fået dine points ikke?
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