Avatar billede moore Nybegynder
18. august 2005 - 13:45 Der er 9 kommentarer og
1 løsning

Endnu et billede pop-up vindue

Hej hjerner :)
Søger noget kode som gør følgende:

Viser de billeder jeg har til at ligge i en mappe (billeder), som små billeder. Ved ikke lige hvad størrelse, men måske 100*100 eller lign.

Når man så klikker på billedet, åbnes et pop-up vindue, som tilpasser sig billedet originale størrelse, og nede i bunden er der en > luk vindue < knap.

mvh
Thomas
Avatar billede roenving Novice
18. august 2005 - 13:47 #1
Avatar billede moore Nybegynder
18. august 2005 - 13:50 #2
meget lig det ja..
Mangler bare 2 ting..
En luk billede knap i bunden. !!
Og kan se man selv skal lave sine links.. Vil høre om det ikke kan laves om, så den automatisk generer et link, når et billede bliver lagt op.
Avatar billede roenving Novice
18. august 2005 - 14:17 #3
Ikke i javascript !-)

-- og en udgave med luk har jeg også, du skriver knap, måske du alligevel hellere vil have den med luk ved tryk på billedet ?-)
Avatar billede moore Nybegynder
18. august 2005 - 14:19 #4
Ja..
Enten en luk-knap eller blot ved at trykke på billedet..
Begge dele vil være fedt
Avatar billede roenving Novice
18. august 2005 - 14:34 #5
Så er det denne :

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Resize til billede</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving 2003;http://www.eksperten.dk/spm/364403">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/619538">
  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<html><head><title>Resize til bilede</title><scr'+'ipt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;w=document.images[0].scrollWidth;window.resizeTo(w+6,h+82);}</scr'+'ipt></head>';
      txt+='<body style="overflow:hidden;border:0px;margin:0px"><img src="'+file+'" style="top:0px;left:0px;border:0px;" onload="resPic();" onclick="self.close();">';
      txt+='<br><center><button onclick="window.close()" style="width=200px">luk</button></center></body></html>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
</head>
<body>
<img src="etBillede.jpg" onclick="popWin('../billede.jpg');" title="Klik for at se stort billede" alt="">
</body>
</html>
Avatar billede moore Nybegynder
18. august 2005 - 14:54 #6
yepsen..
Eneste problem nu
Hvor ændrer jeg, hvad størrelse, selv thumb-nailen (det lille billede) har af størrelse.
Som det er lige nu, er både det alm billede og når man klikker på det, den samme størrelse
Avatar billede roenving Novice
18. august 2005 - 14:57 #7
Sætter width og/eller height på billedet !-)

-- og hvis du bruger originalerne, kan du få det lettere ved at:

<img src="etBillede.jpg" onclick="popWin(this.src);" title="Klik for at se stort billede" alt="" width="100">

-- så skal du kun ændre src-tingen på de forskellige billeder !-)
Avatar billede moore Nybegynder
18. august 2005 - 15:00 #8
jamen.. lige præcis...
smid et svar.. og point kommer til dig *S*
Avatar billede roenving Novice
18. august 2005 - 15:04 #9
Velbekomme '-)
Avatar billede roenving Novice
18. august 2005 - 15:06 #10
-- og tak for point ;~}
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