Avatar billede svjensen Nybegynder
08. oktober 2003 - 12:48 Der er 5 kommentarer og
1 løsning

tilpas størrelse af popup vindue til billedets størrelse

Ved tryk på et link åbner jeg et nyt vindue, hvori et billede og lidt forklarende tekst bliver vist.

Jeg vil meget gerne have vinduets størrelse til automatisk at blive tilpasset det pågældende billede.

Min funktion ser således ud:

<script language="javascript" type="text/javascript">

function PopupBillede(file, tekst)
{
    newWin=window.open("","VisBillede","scrollbars=no");
    newWin.document.writeln('<html>');
    newWin.document.writeln('<head>');
    newWin.document.writeln('<title>'+file+'</title>');
    newWin.document.writeln('</head>');
    newWin.document.writeln('<body style="border:0px;margin:0px">');
    newWin.document.writeln('<center>');
    newWin.document.writeln('<img name="billede" src="'+file+'" style="top:0px;left:0px;border:0px;">');
    newWin.document.writeln('<br>'+tekst+'<br>');
    newWin.document.writeln('<br>');
    newWin.document.writeln('<a href="java script:window.close();">Luk vinduet</a>');
    newWin.document.writeln('<br>');
    newWin.document.writeln('</center></body></html>');

    newWin.document.close();

}
</script>

og det kaldes på denne måde:

<a href="#" onclick="PopupBillede('121954.jpg', 'Søren Vinther Jensen');return false;">Test af popup</a>
Avatar billede mm12010 Nybegynder
08. oktober 2003 - 12:52 #1
Avatar billede svjensen Nybegynder
08. oktober 2003 - 13:13 #2
Så langt så godt. Men lige et par udbydende spørgsmål:

- Du lægger 6 til bredden og 35 til højden; hvorfor?
- Som jeg nævner skal der være plads til lidt forklarende tekst. Mit problem er at jeg ikke ved hvor meget det fylder, eftersom personen der uploader billedet har mulighed for at skrive en forklaring. Er det muligt at inddrage det i den resizing der sker, eller skal jeg prøve at finde en anden løsning
Avatar billede svjensen Nybegynder
08. oktober 2003 - 13:13 #3
Det skal naturligvis være 'uddybende' ;-)
Avatar billede mm12010 Nybegynder
08. oktober 2003 - 13:34 #4
ved ike lige hvorfor der lægges til, men finder lige en anden til dig

hvis du skal ha det lavet så det tilpasses en dynamisk tekst bliver det en større opgave, hvis ikke du kan sætte et max antal linier...
Avatar billede svjensen Nybegynder
08. oktober 2003 - 13:54 #5
Mht. tillæg i højde og bredde, så har jeg ikke noget behov for at lave det om, da det passer fint. Jeg var bare nysgerrig efter at vide hvorfor.

Jeg tror, at jeg smider den forklarende tekst i et 'tooltip' (overlib), så jeg er fri for at skal inddrage det i skaleringen.
Avatar billede mm12010 Nybegynder
08. oktober 2003 - 13:56 #6
ok - takker for point :o)

se evt: http://www.eksperten.dk/spm/386967
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