[Javascript] Pop-up formaat.

[MoietyMe]

Ik heb een website met foto's en die komen tevoorschijn in pop-up als je er op klikt. Allemaal heel fijn maar normaal zijn mijn foto'sdus 640x480, maar ik heb ook een paar en die zijn 480x640. Hoe kan ik die dan aanroepen als het waren.

Code van pop-up:

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Start(page) {
OpenWin = this.open(page, "CtrlWindow", "toolbar=NO,menubar=NO,location=NO,scrollbars=no,resizable=no,width=640,height=480");
}
// End -->
</script>

Code van het plaatje/link:

code:

<a href="javascript:Start('overview.html')">[img]"overviews.jpg"[/img]</a>

pagina: klik

[ Voor 13% gewijzigd door MoietyMe op 30-04-2004 15:15 ]

[Xander]

width=640,height=480 veranderen in width=480,heght=640

[Verwijderd]

Kun je geen 2e script maken die hem opent in 480x640 en de foto's die op 480x640 op het 2e script laten werken

[Reveller]

HTML:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Start(page,theWidth,theHeight) {
OpenWin = this.open(page, "CtrlWindow", "toolbar=NO,
menubar=NO,location=NO,scrollbars=no,resizable=no,
width="+theWidth+",height="+theHeight);
}
// End -->
</script>

en dan aanroepen met

HTML:

<a href="javascript:Start('overview.html', 700, 800)">
[img]"overviews.jpg"[/img]</a>

of welke waarden je ook maar nodig hebt.

Tweede mogelijkheid: lees met javascript de width en height van de foto uit en herschaal de popup naar de juiste grootte. Je kunt hier genoeg info over vinden

[ Voor 13% gewijzigd door Reveller op 30-04-2004 15:21 ]

[MoietyMe]

Reveller schreef op 30 april 2004 @ 15:21:

HTML:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Start(page,theWidth,theHeight) {
OpenWin = this.open(page, "CtrlWindow", "toolbar=NO,
menubar=NO,location=NO,scrollbars=no,resizable=no,
width="+theWidth+",height="+theHeight);
}
// End -->
</script>

en dan aanroepen met

HTML:

<a href="javascript:Start('overview.html', 700, 800)">
[img]"overviews.jpg"[/img]</a>

of welke waarden je ook maar nodig hebt.

Tweede mogelijkheid: lees met javascript de width en height van de foto uit en herschaal de popup naar de juiste grootte. Je kunt hier genoeg info over vinden

Deze werkt goed. Bedankt ik zal ook nog even zoeken naar dat uitlezen van de grote van de foto. Datlijkt me toch ietsje handiger dan het allemaal zelf typen.

[crisp]

een anchor misbruiken hiervoor zou ik niet doen, kleven teveel nadelen aan:

HTML:

<img src="overviews.jpg" style="cursor:pointer" onclick="Start('overview.html',700,800)" alt="" title="klik voor een grote versie" />

of als je non-JS browsers wilt ondersteunen, dan kan een anchor weer wel mooi:

HTML:

<a href="overview.html" target="_blank" onclick="Start(this.href,700,800);return false">
  <img src="overviews.jpg" style="border:none" alt="" title="klik voor een grote versie" />
</a>

href voor javascript is uit den boze imho!

[ Voor 45% gewijzigd door crisp op 30-04-2004 15:57 ]

[MoietyMe]

@crisp, de eerste werkt lekker snel. En de tweede ook wel. Denk toch dat ik de eerste ga gebruiken. Bedankt