Avatar billede vandalay Nybegynder
04. februar 2008 - 20:40 Der er 4 kommentarer og
1 løsning

Funktion til at forstørre billede

Jeg er virkelig uskarp til javascript og er dog heller ikke sikker på det er løsningen, men jeg har følgende problem:
Jeg har et billede på 640X480 som vises i en ganske alm. html side. Her bliver det dog kun vist som 300X225 pga. pladsmangel og meningen er så at når man klikker på det skal det vises i det originale format i en popup eller swapimage eller noget.
Har forsøgt i nogle timer nu, men uden held. Nogle ideer

Ved godt det ikke er den smarteste måde at lave den her "Klik for større billede" funktion på, men det er et meget lukket miljø den skal fungere i, så umiddelbart ser jeg ingen anden mulighed. Der er ikke mulighed for at genere thumbnails på forhånd, så det er det billede man klikker, der skal resizes i et nyt pop up vindue
Avatar billede w13 Novice
04. februar 2008 - 21:02 #1
F.eks. sådan her:

hovedsiden med billederne:
-----------------------------------------------------
<html>
  <head>
    <title>Billeder</title>
    <script type="text/javascript" language="javascript">
    var win=null;
    function ShowImg(src){
      win=window.open("popupimg.htm","win");
      var newElement=document.createElement("img");
      newElement.setAttribute("src",src);
      window.setTimeout("win.document.getElementById('img').appendChild(newElement)",1500)
    }
    </script>
  </head>
  <body>
    <img src="billed1.jpg" width="640" height="480" onclick="ShowImg(this.getAttribute('src'))"><br>
    <img src="billed2.jpg" width="640" height="480" onclick="ShowImg(this.getAttribute('src'))">
  </body>
</html>

-----------------------------------------------------

popupimg.htm:
-----------------------------------------------------
<html>
  <head>
    <title>Billede</title>
  </head>
  <body>
    <div id="img"></div>
  </body>
</html>
Avatar billede vandalay Nybegynder
04. februar 2008 - 21:59 #2
tak for det
Avatar billede vandalay Nybegynder
04. februar 2008 - 22:11 #3
og accepteret.... ;-)
Avatar billede vandalay Nybegynder
04. februar 2008 - 22:11 #4
for meget kaffe
Avatar billede w13 Novice
04. februar 2008 - 22:17 #5
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