CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

Jman Praktikant

08. marts 2004 - 17:06 #1

Prøv denne:
http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

Synes godt om

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
*/

Synes godt om

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>

Synes godt om

Jman Praktikant

08. marts 2004 - 17:24 #4

Det er fordi den tager højde for de fleste tilgængelige browsere

Synes godt om

Jman Praktikant

08. marts 2004 - 20:39 #5

det blev aldrig til mere her ?

Synes godt om

remulus Nybegynder

08. marts 2004 - 20:43 #6

Hejsa... tak for det... :)

Det virker fint nu...

Synes godt om

remulus Nybegynder

08. marts 2004 - 20:44 #7

øhmm... hvordan giver jeg så points.?

Synes godt om

Jman Praktikant

09. marts 2004 - 16:49 #8

Markerer navn(e) til venstre og vælger "Accepter"

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS