Avatar billede mekaniker Nybegynder
16. juli 2002 - 10:10 Der er 10 kommentarer og
1 løsning

Vis billede når musen er over et link

Jeg har en asp-side som lister nogle poster op fra en db.
Posterne er lavet som et link til en større beskrivelse af, i dette tilfælde, færskvandsfisk.

Jeg søger et script som kan vise et lille billede af fisken når musen føres hen over linket. Billedet skal vises i et lille vindue, og ikke på selve siden.
Ligesom hvis det var en dropdown-menu i javascript.

Er der nogle der ligger inde med et eksempel eller har en ide.

//Mekaniker
Avatar billede jay123 Nybegynder
16. juli 2002 - 10:14 #1
er det myg?
Avatar billede mekaniker Nybegynder
16. juli 2002 - 10:17 #2
yes
Avatar billede jay123 Nybegynder
16. juli 2002 - 10:19 #3
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:29px; top:73px; width:106px; height:61px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000; visibility: hidden;"><font color="#FFFFFF">en
  fisk </font></div>
<p><a href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">fisk
  link</a></p>
</body>
</html>

hilsen casper :)
Avatar billede jay123 Nybegynder
16. juli 2002 - 10:19 #4
er det sådan du mener ??
Avatar billede limemedia Nybegynder
16. juli 2002 - 10:21 #5
Jeg lavede den her til en god ven om emnet, du skal selv kreere tre billeder 1.gif, 2.gif og 3.gif for at se effekten
1.gif : onload
2.gif : onclick
3.gif : onmouseover

<script language="JavaScript" type="text/javascript">
<!--
    var freeze = new Array(2)
    freeze['changeimage'] = 0;
    freeze['changeanotherimage'] = 0;
       
    function changeImages(imagename, image) {
        if (document.images) {
            if (freeze[arguments[0]] != 1) document[changeImages.arguments[0]].src = changeImages.arguments[1];
        }
       
        return false;
    }
   
    function freezeImage(imagename) {
        if (freeze[arguments[0]] != 1) {
            // Lock
            freeze[arguments[0]] = 1;
        } else {
            // Unlock
            freeze[arguments[0]] = 0;
        }
    }
</script>



<a href="#" onclick="changeImages('changeimage', '2.gif'); freezeImage('changeimage');" onmouseover="changeImages('changeimage', '3.gif');" onmouseout="changeImages('changeimage', '1.gif');"><img src="1.gif" name="changeimage" width="100" height="100" alt="" border="0"></a>

<br><br>

<a href="#" onclick="changeImages('changeanotherimage', '2.gif'); freezeImage('changeanotherimage');" onmouseover="changeImages('changeanotherimage', '3.gif');" onmouseout="changeImages('changeanotherimage', '1.gif');"><img src="1.gif" name="changeanotherimage" width="100" height="100" alt="" border="0"></a>
Avatar billede limemedia Nybegynder
16. juli 2002 - 10:22 #6
ved klik, låser jeg dog billedet så det ikke har effekt mere - men du skal jo også kun bruge onmouseover - eksemplet viser blot flere muligheder
Avatar billede jay123 Nybegynder
16. juli 2002 - 10:22 #7
hey myg kan du ikke lige sende mig dit nummer, jeg har smidt det væk ?? ck@mutax.com
Avatar billede jakoba Nybegynder
16. juli 2002 - 10:37 #8
mener du noget a la dette ?
http://www.jakoba.dk/eksperten/exp93955.html

mvh JakobA
Avatar billede mekaniker Nybegynder
16. juli 2002 - 13:16 #9
Hej jay123 (Casper)

Kan du ikke lige lave et svar så du kan få dine point.
Avatar billede mbl Juniormester
19. juli 2002 - 10:10 #10
Med på en kigger: Til jay123, hvad skal man gøre vis man vil have et billed i steden for en tekst.
Avatar billede mekaniker Nybegynder
01. februar 2003 - 13:21 #11
Lukker spørgsmålet
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