Søg
Avatar billede oesterballe Nybegynder
02. oktober 2003 - 09:36 Der er 2 kommentarer og
1 løsning

ny vinduestørrelse

Jeg sidder og arbejder med et billedgalleri hvor alle billeder fremstår i lille format. Brugeren skal så kunne klikke på billedet hvorefter det åbner i et nyt vindue. Dette vindue skal dog have en fastlåst størrelse ca. 300x300, men hvordan koder jeg det i html. Jeg er kommet så langt at den åbner et nyt vindue, men det nye vindue er samme størrelse som standart/hoved vinduet.
Avatar billede keysersoze Ekspert
02. oktober 2003 - 09:40 #1
http://activedeveloper.dk/artikler/default.asp?articleid=275
Avatar billede skovenborg Nybegynder
02. oktober 2003 - 16:06 #2
jeg forventer du bruger window.open(). For så skal du angive nogle "options" til at styre størrelsen:
window.open('side.htm','popup','width=300,height=300');
Avatar billede susanne_larsen Nybegynder
02. oktober 2003 - 18:58 #3
http://www.suza.dk/exp/pictures.htm

Du kan hente koden fra min side - eller kopiere herfra....
Indsæt flg i <HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function ViewImage(ifile,ix,iy,ititle) {
var win;
var sWidth;
var sHeight;
var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
if(sWidth!=ix || sHeight!=iy) {
win.close();
setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 250);
return;
}
win.document.open();
win.document.write("<html><head><title>"+ititle+"</title>");
win.document.write("</head><body>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<img src="+ifile+"></div></body></html>");
win.document.close();
}
//  End -->
</script>

og ved de enkelte pics skal der lige justeres lidt. Ex jeg har en thumbnail kaldet LilleG.jpg, når bruger så klikker på denne åbnes Gravhund.jpg i et vindue for sig. Størrelsen på vinduet definerer du selv - og du kan indsætte en lille overskrift, hvis du har lyst

<a href="java script:ViewImage('Gravhund.jpg',404,301,'...Farlig gravvovse ;).....')"><img border="0" src="LilleG.jpg" width="120" height="89"></a>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:47 VB script Af Jenshentze i Word
I dag 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel
04/0913:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
White papers
Flere white papers »