Avatar billede trizam Nybegynder
06. maj 2003 - 11:27 Der er 8 kommentarer og
1 løsning

Window Størrelse

Hej og daw!

eg sidder lige og laver en tumbs side for et firma og jeg kan ikke lige finde kode for hvordan man får et vindue til at åbne i den størrels billedet har.
Min kode ser sådanne ud:
<a href="not.jpg" target="-blank">

vinduet skal åbne i den størrelse billedet har og billdeener har forskellig størrelse.

Du skal da ha mange tak, hvis du hjælper!
Avatar billede Slettet bruger
06. maj 2003 - 11:30 #1
<script type="text/javascript">
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
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 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>Indlæser...</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="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img alt="Klik på billedet for at lukke vinduet" onclick="window.close()" name="George" src='+imageURL+' style="cursor:hand;display:block"></body></html>');
close();       
}}
</script>

<a href="java script:popImage('billede.jpg','Billede 1')">Se billedet</a>
Avatar billede Slettet bruger
06. maj 2003 - 11:30 #2
Umiddelbart ser det ud som meget kode, men fordelen er at du ikke skal kode et selvstændigt popupvindue, men kan da godt finde koden drem til det hvis du vil have det ;)
Avatar billede trizam Nybegynder
06. maj 2003 - 11:33 #3
det må da kunne gøres nemmere! Jeg mener at det i HTML er muligt at, ligesom target="-blank", at autosize vinduet.
Avatar billede Slettet bruger
06. maj 2003 - 11:33 #4
hehe, så kom jeg alligevel til at finde den adnen mulighed frem:

<html>
<head>
    <title>Untitled</title>
   
<style>
.luk_billede {
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}

</style>
   
   
<script>

function doIt()
{
    if (self.innerWidth)
    {
        frameWidth = self.innerWidth;
        frameHeight = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth)
    {
        frameWidth = document.documentElement.clientWidth;
        frameHeight = document.documentElement.clientHeight;
    }
    else if (document.body)
    {
        frameWidth = document.body.clientWidth;
        frameHeight = document.body.clientHeight;
    }
    else return;


        newWidth = document.ProductPic.width;
        newHeight = document.ProductPic.height;
        if (document.layers)
        {
            tmp1 = parent.outerWidth - parent.innerWidth;
            tmp2 = parent.outerHeight - parent.innerHeight;
            newWidth -= tmp1;
            newHeight -= tmp2;
        }
        parent.window.resizeTo(newWidth+10,newHeight+34);
        parent.window.moveTo((screen.width/2)-(document.ProductPic.width/2),(screen.height/2)-(document.ProductPic.height/2));

}


</script>

</head>
<body scroll="no" style="overflow:hidden;margin:0px; padding:0px" OnLoad="doIt();this.focus()">
<img name="ProductPic" class="luk_billede" title="Klik på billedet for at lukke vinduet" src="billede.jpg" border="0" onclick="window.close()"></a>
</body>
</html>

<a href="java script:popup('vis_billede.html','mitvindue2','50','50');">Se billedet</a>
Avatar billede Slettet bruger
06. maj 2003 - 11:34 #5
og nej, du skal indlæse billedet før du kan resize vinduet. Medmindre du vil til at lege _rigtigt_ meget med JavaScript.
Avatar billede snolle Nybegynder
06. maj 2003 - 13:46 #6
du kunne også kalde billederne ind i standard størrelse altså alle ind i f.eks
<img src="fhdje.jpg" height="400" width="600">

Og så åbne det med et java popup script i en bestemt størrelse.
den her ind på linket: onclick=\"java script:window.open('vis.php?pict=$fil','billed','width=650,height=450');

Alt dette er bare et eksempel og funker på imageshowet jeg har...
Avatar billede schaefner Juniormester
09. september 2003 - 21:01 #7
Avatar billede Slettet bruger
09. september 2003 - 21:14 #8
schaefner> Måske du skulle vælge et billede der er lidt mindre til din demo. Den tager et halvt år om at loade. Evt. overveje at bruge weboptimeret grafik såsom jpg, png eller gif.

Ikke alle vil vente på at hente et bmp billede på 1.68 MB
Avatar billede Slettet bruger
09. september 2003 - 21:15 #9
nåhja..ser lige at det er roenving vi skal have fat på..sorry :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester