Bilder in vorgegebener Fenstergröße öffnen. [4]

... 1 Jahr und 7 Monate später ...

Hiho =)

...ich weiß, der Thread ist alt...

Ich wollte auch auf das script zurückgreifen, habe aber das Problem das er das Bild nicht findet. Ich teste online auf dem Server direkt.

Die *.htm sowie die picture.php liegen im root-ordner, das Bild liegt in /images/pic.jpg

Hier mal die *.htm, ich hab mal alles wichtige ausgeblendet.


<html>

<head>

<title>test</title>
<script language="JavaScript">
<!--
var ns = (document.all)?false:true;
var browserVersion = parseFloat(navigator.appVersion );
PositionX = 100;
PositionY = 100;
defaultWidth = 420;
defaultHeight = 420;
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;

function popup(imageURL){
if (isNN){imgWin=window.open('picture.php?picname='+imageURL,'',optNN);}
if (isIE){imgWin=window.open('picture.php?picname='+imageURL,'',optIE);}
}
//-->
</script>
</head>

<body bgcolor="#C0C0C0">


    
        <td width="25%" align="center">
        <a href="javascript:popup('images/pic.jpg');">
        <img border="0" src="[DOMAIN_MAL_AUSGEBLENDET]/Bilder/fotos/dom1_t.jpg" width="250" height="250"></a></td>
        
</body>

</html>

Und hier die picture.php komplett


<html>
<head>
<title>Bildergalerie</title>
<style type="text/css">
body { margin:0; padding:0; }
img { display:block; }
</style>
<script type="text/javascript">
var isNN,isIE;
if (parseInt(navigator.appVersion.charAt(0))>=4){
isNN=(navigator.appName=="Netscape")?1:0;
isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
}
function reSizeToImage(){
if (isIE) {
window.resizeTo(100,100);
width=100-(document.body.clientWidth-document.images[0].width);
height=100-(document.body.clientHeight-document.images[0].height);
window.resizeTo(width,height);
}
if (isNN) {
window.innerWidth=document.images["pic0"].width;
window.innerHeight=document.images["pic0"].height;
}
}
</script>
</head>
<body bgcolor=000000 scroll="no" onload="reSizeToImage();self.focus()" onblur="self.close()">
<img id="pic0" name="pic0" src='<?=$_GET["picname"]?>'>
</body>
</html>



Kann mir vlt noch jemand sagen wo mein fehler liegt?

greez
Default

13.06.2010 18:07


Es gibt keinen guten Grund mehr dafür, Popups einzusetzen. Nimm eine Lightbox, Thickbox oder Fancybox. JQuery und manche der genannten Plugins musst Du nicht mal herunterladen sondern kannst sie über ein CDN einbinden. Eine Zeile Javascript reicht dann meist schon, die entnimmst Du aus den Beispielen.

Zugleich wird der Quellcode um Längen sauberer und die Website auch ohne Javascript nutzbar (der Klick auf einen Bildlink führt dann einfach zur Großansicht, in deinem Beispiel würde gar nichts passieren, wenn man Javascript im Browser deaktiviert).

13.06.2010 18:59 | geändert: 13.06.2010 19:03


Danke, keine schlechte idee^^

Nur das Problem ist das ich nichts von php oder Javascript verstehe, bin froh wenn ich bissl html auf die reihe bekomme.

Und da der code hier praktisch fast komplett stand dacht ich den könnt ich nehmen.

Aber ich schau mir die Lightbox mal an, die gefällt mir ganz gut. Hauptsache ich bekomm das irgendwie hingebaut...

Thx erstmal
Default

13.06.2010 19:58


Teilen:

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.


[BBCode-Hilfe]