Toon posts:

hoe deze javascript afmaken?

Pagina: 1
Acties:

dinsdag 15 januari 2002 16:06

Acties:

Verwijderd

Topicstarter
heej lui ik wil in mijn website foto's zetten, nu is het probleem dat als je deze op ware grootte houd je de pagina zo vol hebt. nu heb ik ze dus allemaal klein gemaakt en als je er op klikt dan worden ze vergroot dmv javascript..:
In <head>

<SCRIPT LANGUAGE="JavaScript">
<!--
function popUpCenteredWindow(){
var iMyWidth;
var iMyHeight;

iMyWidth = (window.screen.width/2) - (300 + 10)
iMyHeight = (window.screen.height/2) - (150 + 50)
var win2 = window.open("2.htm","Window2","status,height=330,width=500,resizable=no,left=" + iMyWidth + ",top=" + iMyHeight + ",screenX=" + iMyWidth + ",screenY=" + iMyHeight + ",scrollbars=no")

}
//-->
</script>

en in <body>

<A HREF="javascript:void()" onClick="popUpCenteredWindow()">[img]"../Website/images/foto.GIF"[/img]</A>

het probleem is dat dit maar bij een foto werkt.. als ik een andere maak komtie op dezelfde site uit als de vorige foto.. snappen jullie em? ;)

wie weet wat ik aan moet passen om dit per foto goed te laten gaan?

dinsdag 15 januari 2002 16:10

Acties:
  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

<SCRIPT LANGUAGE="JavaScript">
<!--
function popUpCenteredWindow(url){
var iMyWidth;
var iMyHeight;

iMyWidth = (window.screen.width/2) - (300 + 10)
iMyHeight = (window.screen.height/2) - (150 + 50)
var win2 = window.open(url,"Window2","status,height=330,width=500,resizable=no,left=" + iMyWidth + ",top=" + iMyHeight + ",screenX=" + iMyWidth + ",screenY=" + iMyHeight + ",scrollbars=no")

}
//-->
</script>

en in <body>

<A HREF="javascript:void()" onClick="popUpCenteredWindow('plaatjegroot.gif')">[img]"../Website/images/foto.GIF"[/img]</A>
[/code]

?

dinsdag 15 januari 2002 16:11

Acties:

Verwijderd

*knip*

var win2 = window.open("2.htm","Window2",

*knip*

het probleem is dat dit maar bij een foto werkt.. als ik een andere maak komtie op dezelfde site uit als de vorige foto.. snappen jullie em? ;)

wie weet wat ik aan moet passen om dit per foto goed te laten gaan?
Jij linkt naar 2.htm, dat het plaatje bevat lijkt me.

zoek eens op hoe je met win2.document.open(), win2.document.write() en win2.document.close() zelf een stuk html in die popup kunt smijten.

Het probleem is nu dus dat je voor elke foto een html pagina moet maken: overbodig werk dus.

Met de methode die ik net beschreef kun je dynamisch pagina's schrijven.

[edit]
Bosmonster heeft ook een mooie oplossing, maar ik geloof dat je op die manier altijd whitespace rond je plaatje krijgt.

dinsdag 15 januari 2002 16:14

Acties:

Verwijderd

Topicstarter
ik zal eens proberen wat jullie me aanraden, i'll be back !! :7

thnx alvast in ieder geval

dinsdag 15 januari 2002 16:22

Acties:
  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Ja was ff het simpelste wat ik kon bedenken.

Wat ik persoonlijk zou doen is linken naar bijvoorbeeld

bigimg.html?plaatjegroot.gif

de src in bigimg.html achterhalen en die gebruiken in het genereren van een stukkie html in de popup.

dinsdag 15 januari 2002 16:29

Acties:

Verwijderd

Topicstarter
Op dinsdag 15 januari 2002 16:22 schreef Bosmonster het volgende:
Ja was ff het simpelste wat ik kon bedenken.

Wat ik persoonlijk zou doen is linken naar bijvoorbeeld

bigimg.html?plaatjegroot.gif

de src in bigimg.html achterhalen en die gebruiken in het genereren van een stukkie html in de popup.
hmm dat is ook een goeie ja.. maar wat je als eerste zei werkt nu als een trein! :) ik zal eens kijken of ik het wat effectiever kan maken zoals jullie hier zeggen, want zon ster ben ik nog niet in JS en HTML.

thnx!!
Pagina: 1
Reageer