popup billede

Prøv http://roenving.users.whitehat.dk/WindowLaboratory.html

Husk at koden SKAL være på 1 linie.. og ikke som roenvings kode gør.. :-)

Luk ved klik:

<img src="billede-der-vises-i-popup.jpg" onclick="window.close()">

Hvordan popup'en skal kaldes, og billedet vises, er op til dig..

Du kunne evt bruge url-delen.. dvs, "vis.htm?hus.jpg".. så vil "vis.htm" vise billedet "hus.jpg"..

Hvis du skal have hjælp med det, skriver du bare..

-- måske er det nærmere Working Demo 1: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html ?-)

-- måske med tilføjelse af, at man kan lukke billedet ved at klikke på det, se f.eks. eksemplet i http://exp.dk/spm/651557 !-)

Jaja.. whatever.. mit link var indenfor domænet, så det andet link var ikke så svært at finde frem til.. eller noget.. :-)

window.open('','subWindow',
'height=480,width=640,top=330,screenY=330,left=480,screenX=480,
toolbar=no,location=no,directories=no,status=no,
menubar=no,scrollbars=no,resizable=no,copyhistory=no,
alwaysLowered=no,alwaysRaised=no,dependent=no,hotkeys=no,
titlebar=no,z-lock=no,fullscreen=no,channelmode=no')

Det ligner det jeg skal bruge. Bortset fra, at adresse linien er der, i IE 7 anyway.
Men hvordan skal linket se ud?

Jeg undskylder også det lange tilbage svar. Jeg er værnepligtig så er kun hjemme i weekenderne.

"og trykker man på billedet i popup vinduet skal det lukke igen"

Ikke nødvendigt alligevel :)

Det skal bare være et link udenom <img></img>. Men hvordan skal det se ud? sammen med ovenstående?

Efter onload="resPic();" kan du tilføjee onclick="window.close()", så det ser sådan ud:

      txt+='" onload="resPic();" onclick="window.close()"><\57bo'+'dy><\57ht'+'ml>';

onload="resPic();" Det står jo intet sted i det jeg skrev, så kan ikke tilføje noget efter det.

Det ligner det jeg skal bruge. Bortset fra, at adresse linien er der, i IE 7 anyway.
Men hvordan skal linket se ud?

Det skal bare være et link udenom <img></img>. Men hvordan skal det se ud? sammen med ovenstående?

print "<a href=\"http://x.dk/365/upload/".$row["name"]."\"><img src=upload/".$row["name"]." width=\"97\" border=\"0\" height=\"97\" alt=\"".$row["dato"]." ".$row["tid"]."\"></img></a>";

Det er det der skal poppe up.

Jeg valgte at bruge roenvings løsning. Det virker jo rigtig godt.

Men synes i begge skal ligge et svar.

'Tak for hjælpen :)

Hvis du brugte roenvings løsning ( http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html ), skulle du jo netop kunne indsætte onclick="window.close()" ..?

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


og din kode:


print "<a href=\"http://x.dk/365/upload/".$row["name"]."\" onclick=\"popWin('http://x.dk/365/upload/".$row["name"]."');return false\"><img src=upload/".$row["name"]." width=\"97\" border=\"0\" height=\"97\" alt=\"".$row["dato"]." ".$row["tid"]."\"></img></a>";

Ja, problemet er løst, læg et svar.

Jeg deler gerne med roenving, hvis han går med til det.. ellers må han få pointsne..

- Vent venligst på svar fra roenving.

-- og jeg deler da også gerne !-)

Velbekomme '-)

-- og tak for point ;~}