Avatar billede brevkasserne Nybegynder
23. februar 2003 - 12:43 Der er 20 kommentarer og
1 løsning

Nyt vindue som tilpasser størrelsen!

! Løsningen til dette skal fungere både i Explorer og Netscape !

Jeg har lavet et billed-katalog med en masse billeder i forskellige størrelse som thumbnails.
Her vil jeg gerne når der klikkes på dem, åbnes et nyt vindue som har samme bredde og højde som billedet, muligvis med en luk knap nedenunder og en margen på 10.
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 12:52 #1
<A HREF="#" OnClick="java script:window.open('filnavn','billedekatalog','width=x,height=x,toolbar=0,menubar=0,scrollbars=0,status=0,resizable=0')">

Indtast selv filnavn, width/height
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 13:00 #2
Øhm. Ja! Det jeg ledte efter var egentlig noget som selv tilpassede størrelsen...?
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 13:05 #3
nå ok, havde misforstået spørgsmålet
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 13:10 #4
:-)
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 13:19 #5
Hvis du bruger ahv's forslag (http://www.eksperten.dk/spm/320713), kan du ved hjælp af det 4. element (3) sætte det direkte ind i mit javascript
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 13:29 #6
Jeps... Skulle lige til at skrive det!
Er det ikke muligt at i det nye vindue at have en margen på 0, uden at skulle til at lave en html-side eller lign.
Samt en titel på browservinduet!
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 13:31 #7
Jo det er det, skal bare lige komme i tanke om hvordan man angiver det
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 13:34 #8
Har du egentlig prøvet følgende:
<A HREF="#" OnClick="java script:window.open('filnavn','billedekatalog','toolbar=0,menubar=0,scrollbars=0,status=0,resizable=0')">

Altså hvor du ikke angiver højde/bredde, bliver den ikke bare på billedets størrelse ?
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 13:40 #9
Nej. Det gør den nu ikke!
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 13:41 #10
Men hvordan gør man så margen bliver 0 og titlen bliver Billede?
Det er det sdiste jeg mangler.
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 13:56 #11
Sidder lige og bikser med det, men kan ikke helt få det til at virke
Avatar billede backside Nybegynder
23. februar 2003 - 14:13 #12
Avatar billede backside Nybegynder
23. februar 2003 - 14:15 #13
Virker også i NS
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 14:24 #14
Det er da helt vildt genialt, så behøver du ikke engang det php
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 14:30 #15
Hvordan gør jeg så med højden og bredden... den skal jo være forskellig fra billede til billede
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 14:34 #16
Scriptet tilpasser det hele selv.
Det eneste du skal gøre er at sætte dette ind på siden hvor dit link er:

<-- Indsættes i head delen -->
<script>

// 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>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="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();       
}}

</script>
<-- Slut -->

<-- Indsættes i body-delen -->
<a href="java script:popImage('billed.gif','Some Title')">
Click Here
</a>
<-- slut -->

Du kan du så selv ændre billede.gif og some title, til din billede fil og den titel du vil give popup vinduet.
Istedet for "clik here", kan du jo bare sættes et billede ind.
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 14:35 #17
Ok, jeg tjekker det...
Avatar billede jakobclausen Nybegynder
23. februar 2003 - 15:05 #18
Kan du få det til at virke ?
Avatar billede backside Nybegynder
23. februar 2003 - 15:07 #19
Smider lige et svar.  ;)
Avatar billede brevkasserne Nybegynder
23. februar 2003 - 16:33 #20
Yes... Det virker. Takker for alle svar!
Avatar billede backside Nybegynder
23. februar 2003 - 17:31 #21
Burde Hr. Clausen ikke ha´ haft noget også?
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