title image


Smiley Re: Neues Fenster oeffnen mit passgenau einem Bild
Hi,



da gibt's 3 Möglichkeiten, in diesem Beitrag speziell für den IE6 (rein html-technisch bzw. konform geht bisher schonmal gar nix ;-) ):



1. "Nur" mit JavaScript - Grafikabmessungen müssen angegeben werden (Online Demo)



2. Mit PHP und JavaScript I - Grafikabmessungen werden ermittelt, zu Höhe und Breite muss etwas dazuaddiert werden und Browserleisten werden NICHT ausgeblendet (Online Demo)



3. Mit PHP und JavaScript II - Grafikabmessungen werden ermittelt, zu Höhe und Breite muss etwas dazuaddiert werden und Browserleisten werden ausgeblendet (Online Demo)



"Nur" mit JavaScript (open_js_popup.html (Online Demo))







<html>

<head>

<script language="JavaScript">

<!--



function open_image_popup(bild_url,width,height)

{

var left = Math.round((screen.width - width)/2);

var top = Math.round((screen.height - height)/2);



var popup = window.open("about:blank","","width=" + width + ",height=" + height + ",left=" + left + ",top=" + top);



var content = '<html><head></head><body style="padding:0px;margin:0px;">';

content += '<a href="javascript:window.close();"><img src="' + bild_url + '" ';

content += 'style="border-width:0px; width:' + width + ',height=' + height + ';">';

content += '</a></body></html>'



popup.document.open();

popup.document.write(content);

popup.document.close();

}



//-->

</script>

</head>

<body>

<a href="#" target="_blank" onClick="open_image_popup('http://www.erfahrungswerte.de/pic/misc/hinweis.gif',295,195); return false;">Bild im Popup passgenau anzeigen</a>

<a href="http://www.ebm-electro.de/transfer/popup.php?bild_url=http://www.erfahrungswerte.de/pic/misc/hinweis.gif" target="_blank">PHP-Popup öffnen</a>

</body>

</html>







Mit PHP und Javascript I (open_php_u_js_popup.html (Online Demo) )







<html>

<head>

</head>

<body>

<a href="popup.php?bild_url=http://www.erfahrungswerte.de/pic/misc/hinweis.gif" target="_blank">PHP-Popup öffnen</a>

</body>

</html>







Mit PHP und Javascript I (popup.php)







<?php



function resize_popup($bild_url)

{

global $info;

$info = getimagesize($bild_url);



echo '

<script language="JavaScript">

<!--



function anpassen()

{

var width = '.($info[0] + 12).';

var height = '.($info[1] + 153).';

var left = Math.round((screen.width - width)/2);

var top = Math.round((screen.height - height)/2);



window.moveTo(left,top);

window.resizeTo(width,height);

}



//-->

</script>';

}



?>

<html>

<head>

<?php



resize_popup($_GET["bild_url"]);



?>

</head>

<body onLoad="anpassen();" style="padding:0px;margin:0px;" scroll="no">

<a href="javasript:window.close();"><img src="<?php echo $_GET["bild_url"]; ?>" style="<?php echo "border-width:0px; width:".$info[0]."px,height:".$info[1]."px;"; ?>"></a>

</body>

</html>







Mit PHP und JavaScript II (open_php_u_js_popup2.html (Online Demo))







<html>

<head>

<script language="JavaScript">

<!--



function open_image_popup(bild_url)

{

window.open("popup2.php?bild_url=" + bild_url,"","location=0,menubar=0,resizable=1,scrollbars=0,status=1,toolbar=0");

}



//-->

</script>

</head>

<body style="padding:0px;margin:0px;">

<a href="#" target="_blank" onClick="open_image_popup('http://www.erfahrungswerte.de/pic/misc/hinweis.gif'); return false;">Bild im Popup passgenau anzeigen</a>

</body>

</html>







Mit PHP und JavaScript II (popup2.php)







<?php



function resize_popup($bild_url)

{

global $info;

$info = getimagesize($bild_url);



echo '

<script language="JavaScript">

<!--



function anpassen()

{

var width = '.($info[0] + 12).';

var height = '.($info[1] + 51).';

var left = Math.round((screen.width - width)/2);

var top = Math.round((screen.height - height)/2);



window.moveTo(left,top);

window.resizeTo(width,height);

}



//-->

</script>';

}



?>

<html>

<head>

<?php



resize_popup($_GET["bild_url"]);



?>

</head>

<body onLoad="anpassen();" style="padding:0px;margin:0px;" scroll="no">

<a href="javasript:window.close();"><img src="<?php echo $_GET["bild_url"]; ?>" style="<?php echo "border-width:0px; width:".$info[0]."px,height:".$info[1]."px;"; ?>"></a>

</body>

</html>







MfG Murdoch!

aktuelle Winamp Playlist                Hörgewohnheiten (Last.fm)



geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: