Avatar billede ncp Nybegynder
11. januar 2004 - 16:57 Der er 6 kommentarer og
1 løsning

Position af billede

Jeg har et billede på en side:

<img src="img.jpg" id="ss187" width="96" height="72" border="0">

Ved en handling skal jeg flytte et Div-tag hen over billedet, men alt efter brugerens opløsning og mængden af tekst over billedet rykker dette jo sig. Hvordan kan jeg finde frem til billedets absolute position, uden af billedets style-position er angivet til absolute?
Avatar billede grunken Nybegynder
11. januar 2004 - 17:35 #1
l = document.getElementById('ss187').offsetLeft+"px";
t = document.getElementById('ss187').offsetTop+"px";

Så burde du derefter kunne positionere laget med h og t :-)
Avatar billede ncp Nybegynder
11. januar 2004 - 17:46 #2
Får både l og h til 0/ingenting - laget bliver flyttet, men det er til det øverste ventre hjørne :(
Avatar billede grunken Nybegynder
11. januar 2004 - 17:51 #3
må jeg se noget kode ?
Avatar billede ncp Nybegynder
11. januar 2004 - 17:58 #4
function screenshotover(id) {

curid = id;

document.all('icon').style.left = document.getElementById('ss'+id).offsetLeft+'px';
document.all('icon').style.top = document.getElementById('ss'+id).offsetTop+'px';

}

<img src="/resources/images/screenshots/small/<% = img(1) %>" id="ss<% = id(1) %>" width="96" height="72" border="0" onMouseOver="screenshotover(<% = id(1) %>)">
Avatar billede grunken Nybegynder
11. januar 2004 - 18:44 #5
det kunne jeg næsten have regnet ud :-)

men vi prøver at ændre lidt i functionen i håb om at billedet ligger inde i et andet Element :-)

<script type="text/javascript">
function screenshotover(id){
elm = document.getElementById('ss'+id)
var t = 0;
var l = 0;
if (elm.offsetParent){
  while (elm.offsetParent){
  l += elm.offsetLeft;
  t += elm.offsetTop;
  elm = elm.offsetParent;
  }
}
else if(elm.y){
  t += elm.y;
  l += elm.x;
}
document.getElementById('icon').style.left = t+'px';
document.getElementById('icon').style.top = l+'px';
}

</script>


<img src="/resources/images/screenshots/small/<% = img(1) %>" id="ss<% = id(1) %>" width="96" height="72" border="0" onMouseOver="screenshotover(<% = id(1) %>)">
Avatar billede ncp Nybegynder
11. januar 2004 - 19:39 #6
Skulle lige bytte om på t og l i de to nederste linjer af funktionen så virkede det perfekt - mange tak!

ps. smid et svar ;)
Avatar billede grunken Nybegynder
11. januar 2004 - 19:45 #7
hehe, der vanker vist kvajebajer en dag :-)

og velbekomme ;-)
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