Jag har ett litet störande problem ang. en bildpopup jag hittat.
Den är en såkallad autoresize, helt perfekt tyckte jag.
Men sidan jag håller på med har rätt så förbannat stora upplösningar på sina bilder på galleriet så fönstret blir utanför upplösningen och oskrollbar.
Detta är vad jag har nu:
<script language='javascript'>
PositionX = 100;
PositionY = 100;
defaultWidth = 1024;
defaultHeight = 768;
var AutoClose = false;
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=yes,resizeable=yes,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=yes,resizeable=yes,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}
</script>
Detta är vad jag vill ha:
Om jag öppnar en större bild än upplösningen på skärmen så ska scriptet detecta det och sätta så rutan med bilden krymper ihop till 90% av upplösningen och köra fram scrollbars.
Samt fortfarande ha så att rutan autoresizar sig ifall den är mindre än upplösningen.
Detta har jag för att öppna fönstren:
<a href="javascript:popImage('art/scenery/sunrise.jpg','Image Preview')">
Det skulle vara grymt skönt ifall nån av er orkar hjälpa mig med detta problem eftersom jag har suttit och sökt lösningar, (jag är en designer, ingen kodare, men jag har iaf försökt innan jag kommer hit och whinar).
Tack för mig, Stardock - Eyesharp-Design