Avatar billede sotec Nybegynder
17. november 2002 - 21:34 Der er 6 kommentarer og
1 løsning

Tilpasning af Image tooltip script

Til en Hardware side ønsker jeg at vise små thumbnails af produkterne når man ruller hen over tekstlinks (til sider med produkterne).

Jeg har fundet forskellige færdige scripts:

http://dynamicdrive.com/dynamicindex4/imagetooltip.htm

og denne porno side

http://teen.sexplanets.com/angeliques/tgp.html

Det jeg søger er i virkeligheden et script som kun giver mig et thumbnail og IKKE tekst under.

Det skal også være enkelt og let at tilpasse.

Er der en ekspert som kan omskrive ovenstående scripts eller kan smide et link til et færdigt script som KUN laver et image thumbnail ved rollover.  (Alle billeder får samme dimensioner).
Avatar billede sotec Nybegynder
17. november 2002 - 21:34 #1
Skal virke i IE 5+ og NS 6+
Avatar billede Slettet bruger
17. november 2002 - 21:44 #2
Du lader da bare være med at skrive noget tekst til tooltipsene i det første script!
Avatar billede Slettet bruger
17. november 2002 - 21:45 #3
Du kan vist også fint bruge dette script og så bare indsætte et img-tag i stedet for tekst:
http://www.dynamicdrive.com/dynamicindex5/popinfo2.htm
Avatar billede whatever Nybegynder
17. november 2002 - 21:59 #4
Prøv dette:

<html>
<head>
<STYLE TYPE="text/css">
<!--
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>
</head>

<body>
<DIV ID="dek"></DIV>

<SCRIPT TYPE="text/javascript">
<!--

//Pop up information box II (Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath))
//Permission granted to Dynamicdrive.com to include script in archive
//For this and 100's more DHTML scripts, visit http://dynamicdrive.com

Xoffset=-60; // modify these values to ...
Yoffset= 20; // change the popup position.

var old,skn,iex=(document.all),yyy=-1000;

var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all

if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;

function popup(img){
var content="<TABLE WIDTH=\"150\" BORDER=\"1\" BORDERCOLOR=\"black\" CELLPADDING=\"2\" CELLSPACING=\"0\" "+
"BGCOLOR=\"white\"><TD ALIGN=\"center\"><img src=\""+img+"\" width=\"150\" height=\"100\" alt=\"\" /></TD></TABLE>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}

function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}

//-->
</SCRIPT>

<a href="http://wsabstract.com" ONMOUSEOVER="popup('image1.jpg')"; ONMOUSEOUT="kill()">Website Abstraction</a>

<a href="http://webmonkey.com" ONMOUSEOVER="popup('image2.gif')"; ONMOUSEOUT="kill()">WebMonkey</a>
</body>
</html>


Det er en fikset udgave, af den link som phoenixv sendte.
Avatar billede sotec Nybegynder
18. november 2002 - 08:54 #5
Whatever, det er super!  Laver du et svar?
Avatar billede sotec Nybegynder
19. november 2002 - 16:32 #6
Sidste chance...
Avatar billede sotec Nybegynder
20. november 2002 - 06:36 #7
haps!
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