venster groote aanpassen aan afbeelding
spiky - 19/09/2005 14:43 (laatste wijziging 19/09/2005 14:47)
Nieuw lid
Goeden dag,
Ik gebruik dit scriipje om mijn foto's te laden, en in een nieuw venster te laten zien.
alleen ben ik erachter gekomen dat et venster zich niet goed aanpast aan de afbeelding.
onder en rechts mist hij een stukje!:s
Hier de script:
<script language="JavaScript" type="text/JavaScript">
function image_open(image_loc,img)
{
HTML = "<html><title>:: Fotoboek ::</title><style>body{margin:0px 0px 0px 0px}</style><body onBlur='top.close()'><img src='"+ image_loc +"' border=0 name=load_image onLoad='window.resizeTo(document.load_image.width,document.load_image.height)'></body></html>";
popupImage = window.open('','_blank','toolbar=no,scrollbars=no');
popupImage.document.open();
popupImage.document.write(HTML);
popupImage.document.close();
obj_img = document.getElementById(img);
}
</script>
<script language = "JavaScript" type= "text/JavaScript" >
function image_open( image_loc, img)
{
HTML = "<html><title>:: Fotoboek ::</title><style>body{margin:0px 0px 0px 0px}</style><body onBlur='top.close()'><img src='" + image_loc + "' border=0 name=load_image onLoad='window.resizeTo(document.load_image.width,document.load_image.height)'></body></html>" ;
popupImage = window. open( '' , '_blank' , 'toolbar=no,scrollbars=no' ) ;
popupImage. document. open( ) ;
popupImage. document. write( HTML) ;
popupImage. document. close( ) ;
obj_img = document. getElementById( img) ;
}
</script>
en hier de aanroeping:
<a href="JavaScript:image_open('<? echo"$fotoArray[$showFoto]";?>')"><img src="<? echo"$fotoArray[$showFoto]";?>" height='300' border='0'></a>
<a href="JavaScript:image_open('
<? echo "$fotoArray [$showFoto ]" ; ?
> ')"><img src="
<? echo "$fotoArray [$showFoto ]" ; ?
> " height='300' border='0'></a>
Weet iemand waar het aan kan liggen?
of is het hele script niet goed?
4 antwoorden
Gesponsorde links
bennieboy - 19/09/2005 16:03 (laatste wijziging 19/09/2005 16:04)
HTML beginner
kun je dat niet vinden om www.leejoo.nl
spiky - 19/09/2005 17:44
Nieuw lid
nee, daar kan ik niets vinden...:(
finduilas - 19/09/2005 18:43 (laatste wijziging 19/09/2005 18:43)
PHP gevorderde
Doe eens dit (width en height kun je aanpassen naar de jouw wil):
toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=400,height=400
toolbar= no, location= no, directories= no, status= no, menubar= no, scrollbars= no, resizable= no, copyhistory= yes, width= 400 , height= 400
spiky - 20/09/2005 12:26 (laatste wijziging 23/09/2005 09:08)
Nieuw lid
maar ik werk met verschillende afbeeldingen, dus daarom is het mooi als het venster zich aanpast aan de afbeelding.
Opgelost!
Ik heb een oplossing gevonden!:
fotoboek.php:
<script language="Javascript">
window.defaultStatus="www.purpleblue.nl";
function PopupPic(sPicURL) {
window.open( "foto.php?"+sPicURL, "",
"resizable=0,HEIGHT=200,WIDTH=200");
}
</script>
<script language = "Javascript" >
window. defaultStatus= "www.purpleblue.nl" ;
function PopupPic( sPicURL) {
window. open( "foto.php?" + sPicURL, "" ,
"resizable=0,HEIGHT=200,WIDTH=200" ) ;
}
</script>
en aanroepen met: (pad + fotonaam)
<a href="JavaScript:PopupPic('<? echo"$fotoArray[$showFoto]";?>')"><img src="<? echo"$fotoArray[$showFoto]";?>" height='300' border='0'></a>
<a href="JavaScript:PopupPic('
<? echo "$fotoArray [$showFoto ]" ; ?
> ')"><img src="
<? echo "$fotoArray [$showFoto ]" ; ?
> " height='300' border='0'></a>
foto.php:
<HTML>
<HEAD>
<TITLE>:: Foto ::</TITLE>
<script language='javascript'>
window.defaultStatus=":: www.purpleblue.nl :: Fotoboek ::";
var arrTemp=self.location.href.split("?");
var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
var NS = (navigator.appName=="Netscape")?true:false;
function FitPic() {
iWidth = (NS)?window.innerWidth:document.body.clientWidth;
iHeight = (NS)?window.innerHeight:document.body.clientHeight;
iWidth = document.images[0].width - iWidth;
iHeight = document.images[0].height - iHeight;
window.resizeBy(iWidth, iHeight+14);
self.focus();
};
</script>
</HEAD>
<BODY bgcolor="#1575D7" onload='FitPic();' topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<script language='javascript'>
document.write( "<img src='" + picUrl + "' onclick='javascript:window.close()' border=0><br><center><font color='#FFFFFF' size='1' face='Verdana'>© Dj-sander.nl</center></font></center>" );
</script>
</BODY>
</HTML>
< HTML>
< HEAD>
< TITLE>:: Foto ::</ TITLE>
<script language = 'javascript' >
window. defaultStatus= ":: www.purpleblue.nl :: Fotoboek ::" ;
var arrTemp
= self . location
. href
. split ( "?" ) ; var picUrl = ( arrTemp. length> 0 ) ?arrTemp[ 1 ] : "" ;
var NS = ( navigator. appName== "Netscape" ) ?true : false ;
function FitPic( ) {
iWidth = ( NS) ?window. innerWidth: document. body. clientWidth;
iHeight = ( NS) ?window. innerHeight: document. body. clientHeight;
iWidth = document. images[ 0 ] . width - iWidth;
iHeight = document. images[ 0 ] . height - iHeight;
window. resizeBy( iWidth, iHeight+ 14 ) ;
self . focus( ) ;
} ;
</script>
</ HEAD>
< BODY bgcolor= "#1575D7" onload= 'FitPic();' topmargin= "0" marginheight= "0" leftmargin= "0" marginwidth= "0" >
<script language = 'javascript' >
document. write( "<img src='" + picUrl + "' onclick='javascript:window.close()' border=0><br><center><font color='#FFFFFF' size='1' face='Verdana'>© Dj-sander.nl</center></font></center>" ) ;
</script>
</ BODY>
</ HTML>
Gesponsorde links
Dit onderwerp is gesloten .