Avatar billede dont Nybegynder
16. juni 2004 - 15:10 Der er 3 kommentarer og
1 løsning

Placering af billede

Jeg har lavet en side med tekst og billeder. Billederne vises som thumbnails og har forskellige placeringer på siden. Det er lavet således at en mouseOver viser billedet i originalstørrelse.
Problemet er: Originalbilledet vises altid samme sted på siden. Jeg vil gerne have vist originalbilledet ved thumbnailen.
Kan det lade sig gøre at lave et script, der kan læse hvor på siden et billede (thumbnailen) er placeret? (så placeringen kan bruges til at placere originalen)
Avatar billede Slettet bruger
16. juni 2004 - 15:39 #1
Ja, det kan det sagtens. Der er flere muligheder. Enten kan du aflæse cursorens position relativt til sidens øverste venstre hjørne vha. event.clientX og event.clientY (tilsvarende løsninger for Netscape og andre browsere), eller du kan finde billedets præcise placering på siden; se fx følgende detaljerede guide:
http://www.quirksmode.org/js/findpos.html

Hvis du vil have en specifik løsning, må du stille et mere specifikt spørgsmål; gerne med et link til at illustrere.
Avatar billede dont Nybegynder
17. juni 2004 - 19:49 #2
Som der også står på den ovenstående anbefalede side virker følgende: (linket kan jo være væk om et par måneder)
--------------------
function findPosX(obj)
{
    var curleft = 0;
    if (obj.offsetParent)
    {
        while (obj.offsetParent)
        {
            curleft += obj.offsetLeft
            obj = obj.offsetParent;
        }
    }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}
function findPosY(obj)
{
    var curtop = 0;
    if (obj.offsetParent)
    {
        while (obj.offsetParent)
        {
            curtop += obj.offsetTop
            obj = obj.offsetParent;
        }
    }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
}
-----------------------
At få dette til at passe ind i mit problem var godt nok rimelig svært, men det lykkedes til sidst ved at lade thumbnailen kalde en visOriginal-funktion, som så igen kunne kalde ovenstående funktioner ved placering af originalbilledet.
Jeg vil gerne give nogle point hvis du opretter et svar, phoenixy.
Avatar billede Slettet bruger
18. juni 2004 - 13:20 #3
Jamen, det gør jeg så.
Avatar billede dont Nybegynder
13. december 2004 - 18:44 #4
tak......så skulle jeg nok også bare prøve at huske de point. hehe. her er de så.
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