Avatar billede remulus Nybegynder
08. marts 2004 - 17:05 Der er 7 kommentarer og
1 løsning

Pictureview ved mouseover

Hej.

Jeg har ledt og ledt, men har IKKE kunne finde det script jeg leder efter.

Det skal være et script eller lign, der går ind og gør således at der ved mouseover på et "billedeikon", kommer et lille midliertidig "vindue" op med selve det billede, ikonet refererer til..!!

Kik på denne side, og kør musen hen over "Picture"... Så kan du se hvad jeg mener...

http://www.bluedragonfly.org/braceletnewstrength.html

Er der ikke nogle, der kan hjælpe med at finde den metode/script der bruges.???...

På forhånd mange tak... :D
Avatar billede Jman Praktikant
08. marts 2004 - 17:06 #1
Avatar billede Jman Praktikant
08. marts 2004 - 17:08 #2
og et lille staldtip:  c",)

Vis du finde noget, du inspireres af, kan du vælge Vis -> Kilde i browseren..
I dette tilfælde vil du kunne finde dette i html-koden:
/*
Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
Copyright 2002 by Sharon Paine
Visit http://www.dynamicdrive.com for this script
*/
Avatar billede grunken Nybegynder
08. marts 2004 - 17:23 #3
Og så er det script da godt nok stort i forhold til effekten af det :o)

Leg lidt med det her :-)

<script type="text/javascript">
var ie = (document.all)?true:false

function visbil(str,f){
e = document.getElementById('stor')
if(ie){
  e.style.top  = f.clientY + document.body.scrollTop;
  e.style.left = f.clientX + document.body.scrollLeft;}
else{
  e.style.top = f.pageY+20;
  e.style.left = f.pageX;}
vis = (e.style.display=='none')?true:false
if(vis){
  e.src = str;
  e.style.display = "inline";
}
}

function skjul()
{
document.getElementById('stor').style.display = "none";
}
</script>

<body>
<img id="stor" style="display:none;position:absolute;border:1px solid #000000;"/>
<img src="billede.jpg" style="width:20px;" onmousemove="visbil(this.src,event)" onmouseout="skjul();"/>
<br/>
<a href="billede.jpg" onmousemove="visbil(this.href,event)" onmouseout="skjul();">Billede</a>
</body>
Avatar billede Jman Praktikant
08. marts 2004 - 17:24 #4
Det er fordi den tager højde for de fleste tilgængelige browsere
Avatar billede Jman Praktikant
08. marts 2004 - 20:39 #5
det blev aldrig til mere her  ?
Avatar billede remulus Nybegynder
08. marts 2004 - 20:43 #6
Hejsa... tak for det... :)

Det virker fint nu...
Avatar billede remulus Nybegynder
08. marts 2004 - 20:44 #7
øhmm... hvordan giver jeg så points.?
Avatar billede Jman Praktikant
09. marts 2004 - 16:49 #8
Markerer navn(e) til venstre og vælger "Accepter"
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