[HTML] - Popup window aangepst aan inhoud - Softwareontwikkeling

zaterdag 18 februari 2006 16:35

Acties:

Verwijderd

Topicstarter

Ik heb een pagina op mijn website met een aantal thumbnail foto's.

Deze foto's openen zich in een tweede window als je er op klikt
(gewoon met een a href linkje).

De foto's zijn niet altijd van het zelfde formaat, soms ook portait of
landscape.

Mijn vraag is nu of er een mogelijkheid is om het window dat opent
met de originele foto zich qua omtrek te laten sizen naargelang de
foto die hij moet tonen.

Nu zit er een leeg stuk window bij telkens.

Ik kan wel met of zonder javascripts de size van het window opgeven,
maar het moet dus als het ware een "zelfdenkend" window zijn.

Wie weet hoe ik dit moet doen?

zaterdag 18 februari 2006 16:39

Acties:

Snake

Los Angeles, CA, USA

je kan de grootte van de foto ophalen met PHP, en dan via een window.open() de parameters meegeven, of je kan een javascriptje aanmaken wat zich resized naar de foto(gelijk hier op GoT)

Going for adventure, lots of sun and a convertible! | GMT-8

zaterdag 18 februari 2006 16:39

Acties:

P_de_B

1e hit op Google: http://www.sitepoint.com/...ize-popup-fit-images-size

Oops! Google Chrome could not find www.rijks%20museum.nl

zaterdag 18 februari 2006 16:41

Acties:

Vinzzz243

wellicht heb je hier iets aan

code:

function popup(imgsrc)

{ 

var showimg = window.open("", "foto", "toolbar=no, location=no, menubar=no, scrollbars=no, status=no, top=10, left=10, width=200, height=200");
showimg.focus();
showimg.document.writeln("<html><head><title>Origineel</title>");
showimg.document.writeln("<style type=\"text/css\">html,body {margin:0; padding: 0; height:100%; width:100%; cursor: pointer; overflow: hidden; }</style>");
showimg.document.writeln("<script>function resize(){");
showimg.document.writeln("var img = document.images[0];");
showimg.document.writeln("var w = img.offsetWidth;");
showimg.document.writeln("var h = img.offsetHeight;");
showimg.document.writeln("window.resizeTo(w + 10, h + 10);");
showimg.document.writeln("window.resizeBy(w - document.body.offsetWidth, h - document.body.offsetHeight);");
showimg.document.writeln("}</sc"+"ript>");
showimg.document.writeln("</head><body onload=\"resize()\">");
showimg.document.writeln("[img]\"image.aspx?id="[/img]");
showimg.document.writeln("</body></html>");
showimg.document.close(); 
return false;
}

edit: die link van P_d_B is beter

[ Voor 18% gewijzigd door Vinzzz243 op 18-02-2006 16:43 ]

zaterdag 18 februari 2006 16:59

Acties:

Verwijderd

Topicstarter

Thanks guys,

ik ga er mee aan de slag.

zaterdag 18 februari 2006 20:58

Acties:

André

Analytics dude

Dit is vaak genoeg voorbij gekomen hier moet je sowieso wel wat over kunnen vinden.