billede popup

Se:
demo - http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
koden - http://roenving.users.whitehat.dk/Kode/WD1Kode.html

der kan man ikke lukke vinduet ved at trykke på billedet

Min fejl :-)

Sådan:

  <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);}<\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+='" onclick="window.close()" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

Og den kaldes med:
onclick="popWin('img/billede.jpg');return false;"

Eksempel:
<a href="#" onclick="popWin('img/billede.jpg');return false;"><img src="img/billedered.jpg" width="150" alt="Klik for fuld størrelse" title="Klik for fuld størrelse"></a>

okay.... tror jeg har den nu...

- hvordan laver jeg en titel i popup vinduet... altså når man holder over thumbnailen står der klik for fuld størrelse. Hvordan laver jeg det sådan så der står "klik for at lukke vinduet" når man holder musen over billedet i popup vinduet ??

- hvordan får jeg åbnet popup vinduet i midten ?

Prøv:

  <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);}<\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+=' alt="klik for at lukke vinduet" title="klik for at lukke vinduet"';
      txt+=' onclick="window.close()" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

Ja det virker ! ... men det er stadig ikke align'ed center

hvad er ikke align'ed center?
- vinduet?
- billedet?

vinduet .. altså popup vinduet

Hvis det er vinduet, der skal centreres:

  <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);';
      txt+='window.moveTo( (screen.width/2) - (w/2),(screen.height/2) - (h/2) );';
      txt+='}<\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+=' alt="klik for at lukke vinduet" title="klik for at lukke vinduet"';
      txt+=' onclick="window.close()" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

Tusind tak !!... skriv så et svar ! :D

Og et svar :-)

(husk at markere mit navn inden du klikker på Accepter-knappen)

Takker for points, og det var så lidt :-)

LOL, kan bare ikke fatte al det html, asp, php osv scripting! LOL altid noget at nogle kan det hva surf?

Yeps ;-)
..kan html/asp/javascript :-)

Det bliver først sjovt, når man henter noget i asp, smider det i noget javascript, som så udskriver det til html ;-)

..og det "noget" skal selfølgelig hentes fra en database ;-)

jaja blær' du dig bare! LOL.. :->