Avatar billede svenne182 Nybegynder
27. maj 2005 - 22:00 Der er 3 kommentarer og
1 løsning

Tilpasset popupvindue ved tryk på TN

Nu har jeg siddet og kigget utallige spørgsmål igennem hvor der kommer mange forskellige løsninger til dette:

Søger et script der gør at når man trykker på et billede (thumbnail) får man et centreret, tilpasset popupvindue med et andet billede (det rigtige) og ved tryk på billedet lukkes vinduet igen.

Har haft et før, men kan ikke huske hvor jeg havde fundet det, desværre.

Er der nogen som kan hjælpe mig?
Avatar billede roenving Novice
28. maj 2005 - 03:30 #1
F.eks. dette:

  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);window.moveTo((screen.availWidth-w-6)/2,(screen.availHeight-h-32)/2)}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();" onclick="self.close()" title="Tryk for at lukke vinduet"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

-- som du så kalder fra din thumbnail:

<img src="billede_small.gif" onclick="popWin('billede_stor.jpg');" title="Klik på billedet for at se en stor udgave">
Avatar billede svenne182 Nybegynder
05. juni 2005 - 18:50 #2
Også så det tilpasser sig det store billede?
Avatar billede svenne182 Nybegynder
05. juni 2005 - 20:40 #3
Lukker da spørgsmålet ikke er relevant mere
Avatar billede roenving Novice
06. juni 2005 - 00:12 #4
-- Tak for hjælpen til at spilde min tid ,-(
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