Moin, will ich auch mal ein Script posten
also ich hab mir gedacht wenn ich auf meiner hp, die wirklich etwas klein ist, kleine thumbnails verlinke und die großen sich in einem popup öffnen, dann will ich nicht für jedes Bild eine html seite erstellen wo das bild zentriert ist und bla bla, wollte auch nicht, dass das bild so im popup angezeigt wird, da immer ein kleiner weißer rand bleiben würde... arrrrg... also nun ist folgendes entstanden:
für den head bereich:
<script language="JavaScript">
<!--
function JustSoPicWindow(imageName,imageWidth,imageHeight,alt,bgcolor,hugger,hugMargin) {
if (bgcolor=="") {
bgcolor="#000000";
}
var adj=10
var w = screen.width;
var h = screen.height;
var byFactor=1;
if(w<740){
var lift=0.90;
}
if(w>=740 & w<835){
var lift=0.91;
}
if(w>=835){
var lift=0.93;
}
if (imageWidth>w){
byFactor = w / imageWidth;
imageWidth = w;
imageHeight = imageHeight * byFactor;
}
if (imageHeight>h-adj){
byFactor = h / imageHeight;
imageWidth = (imageWidth * byFactor);
imageHeight = h;
}
var scrWidth = w-adj;
var scrHeight = (h*lift)-adj;
if (imageHeight>scrHeight){
imageHeight=imageHeight*lift;
imageWidth=imageWidth*lift;
}
var posLeft=0;
var posTop=0;
if (hugger == "hug image"){
if (hugMargin == ""){
hugMargin = 0;
}
var scrHeightTemp = imageHeight - 0 + 2*hugMargin;
if (scrHeightTemp < scrHeight) {
scrHeight = scrHeightTemp;
}
var scrWidthTemp = imageWidth - 0 + 2*hugMargin;
if (scrWidthTemp < scrWidth) {
scrWidth = scrWidthTemp;
}
if (scrHeight<100){scrHeight=100;}
if (scrWidth<100){scrWidth=100;}
posTop = ((h-(scrHeight/lift)-adj)/2);
posLeft = ((w-(scrWidth)-adj)/2);
}
if (imageHeight > (h*lift)-adj || imageWidth > w-adj){
imageHeight=imageHeight-adj;
imageWidth=imageWidth-adj;
}
posTop = parseInt(posTop);
posLeft = parseInt(posLeft);
scrWidth = parseInt(scrWidth);
scrHeight = parseInt(scrHeight);
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf("opera") != -1){
var args= new Array();
args[0]='parent';
args[1]=imageName;
var i ; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
} else {
newWindow = window.open("vwd_justso.htm","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);
newWindow.document.open();
newWindow.document.write('<html><title>'+alt+'</title><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor='+bgcolor+' onBlur="self.close()" onClick="self.close()">');
newWindow.document.write('<table width='+imageWidth+' border="0" cellspacing="0" cellpadding="0" align="center" height='+scrHeight+' ><tr><td>');
newWindow.document.write('[img]'+imageName+'[/img]');
newWindow.document.write('</td></tr></table></body></html>');
newWindow.document.close();
newWindow.focus();
}
}
//-->
</script>
Alles anzeigen
für das thumbnail/linktext
<a href="javascript:;" onClick="JustSoPicWindow('http://www.url.de','890','590','::--::Klicken zum schließen::--::','#336699','hug image','0');return document.MM_returnValue">
Linktext</a>
Nun ist es so...
wenn man das bild anklickt, öffnet sich ein popup, dass neu erstellt wird und sich an das Bild anpasst, bzw. das Bild passt sich an das Popup an, jedenfalls gibt es keine ränder und das besondere ist noch, wenn das popup offen ist, kann man klicken wo man am bildschirm, auch wenn es nur auf Start ist, das popup schließt sich dann :)...fandsch da etwas effektiver als die rechte maustaste zu sperren ...
testen kann man es auf meiner hp http://www.der-muella.de.vu einfach bei graffix auf pics
hoffe man kann es gebrauchen ... ich finds gut...
greetz