03. oktober 2006 - 08:40
Der er
10 kommentarer og 1 løsning
Mouse-over på billeder - kan det rettes?
Hej Jeg har følgende script : ------------------------------------------------------------- <script type="text/javascript"> function ShowBigImage(image){ var BigImage = document.getElementById("BigImage"); BigImage.innerHTML = "<img src='"+image+"'>"; } function MoveBigImage(x, y){ var BigImage = document.getElementById("BigImage"); BigImage.style.display = "block"; if(document.all){ y=(tmenu=document.documentElement.scrollTop)?tmenu+y:document.body.scrollTop+y; x=(lmenu=document.documentElement.scrollLeft)?lmenu+x:document.body.scrollLeft+x; } BigImage.style.left = (x+15) + "px"; BigImage.style.top = (y+15) + "px"; } function HideBigImage(){ document.getElementById("BigImage").style.display = "none"; } </script> ------------------------------------------------------------- Kan man skrive det om så mouse-over billedet kommer over pointeren og til venstre istedet for det nuværende - som er under pointeren og til højre?
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
03. oktober 2006 - 14:08
#1
Det kan godt lade sig gøre. BigImage.style.left = (event.clientX - BigImage.offsetWidth) BigImage.style.top = (event.clientY - BigImage.offsetHeight) Forklaring: event.clientX giver dig cursorens X-værdi og event.clientY cursorens Y-værdi. Herefter fratrækker du henholdsvis billedets højde og bredde. Jeg har ikke testet, men det er noget i den stil.
16. oktober 2006 - 00:24
#2
Kom du videre ?-)
16. oktober 2006 - 09:17
#3
Jamen der er ikke mere i det: <script type="text/javascript"> function ShowBigImage (image) { var BigImage = document.getElementById("BigImage"); BigImage.style.left = (event.clientX - BigImage.offsetWidth) BigImage.style.top = (event.clientY - BigImage.offsetHeight) BigImage.innerHTML = "<img src='"+image+"'>"; } function MoveBigImage (x, y) { var BigImage = document.getElementById("BigImage"); BigImage.style.display = "block"; BigImage.style.left = (event.clientX - BigImage.offsetWidth) BigImage.style.top = (event.clientY - BigImage.offsetHeight) } function HideBigImage () { document.getElementById("BigImage").style.display = "none"; } </script>
26. oktober 2006 - 15:39
#4
Hvad så..?
26. oktober 2006 - 15:42
#5
<ole> - skal det virke efetr hensigten, er der lidt mere i det. Det er et must at inkludere en enhed, når man sætter værdier på top og left og denne er forskellig fra 0: BigImage.style.left = (event.clientX - BigImage.offsetWidth) + "px"; BigImage.style.top = (event.clientY - BigImage.offsetHeight) + "px"; /mvh </bole>
26. oktober 2006 - 15:48
#6
Det er muligvis "rigtig" kode, men funktionen virker stadig efter hensigten.
27. oktober 2006 - 23:48
#7
I hvor mange forskellige browsere ?-)
17. januar 2008 - 14:00
#8
k
17. januar 2008 - 14:16
#9
Hvordan endte de points hos thomaskramer???
17. januar 2008 - 14:21
#10
fordi der ingen svar var givet - og jeg fik besked på at lukke spørgsmålene :-)
19. januar 2008 - 15:10
#11
-- du kunne jo have bedt madssch om at lægge et svar, eller have svaret på de inputs, der var kommet ?-(
Vi tilbyder markedets bedste kurser inden for webudvikling