Absolut utestet:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Vis billede</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/618219"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
var parms;
window.onload = function(){
parms = getUrlParms();
if(parms['pic']){
document.getElementById('billede').src = parms['pic'];
}
if(parms['txt']){
document.getElementById('billedTxt').innerHTML = parms['txt'];
}
if(parms['h']&&parms['w']){
var l = (screen.availWidth + 36 - +parms['h'])/2;
var t = (screen.availHeight + 58 - +parms['w'])/2;
window.moveTo(l,t);
window.resizeTo(+parms['w'],+parms['h'])
}
}
function resizeWin(pic){
if(!parms['w']||parms['h']){
var w = pic.offsetWidth;
var h = pic.offsetHeight;
var l = (screen.availWidth + 36 - h)/2;
var t = (screen.availHeight + 58 - w)/2;
window.moveTo(l,t);
window.resizeTo(w,h)
}
}
function getUrlParms(){
if(window.location.search){
var q = window.location.search.substring(1),retVal=new Array();
q = q.split("&");
for(i=0;q.length>i;i++){
q[i] = q[i].split("=");
retVal[q[i][0]] = unescape(q[i][1]);
}
return retVal;
}
}
</script>
</head>
<body>
<img src="" id="billede" onload="resizeWin(this);">
<span id="billedTxt"></span>
</body>
</html>
Gemmer du den med f.eks. navnet visBillede.html skal den kaldes med f.eks.
<a href="visBillede.html?pic=billede.jpg&txt=%3Cbr%3EKaren%20i%20knibe&w=200&h=150" target="_blank"><img src="billedeLille.jpg" border="0"></a>
-- forklaringen på koderne er så, at de skal være url-encodede, hvilket jeg ofte bruger den simple escape-coding til, men man kan snævre den til noget mere præcist ...