Plaatje laten zien in popup scherm II

[Verwijderd]

Om verder te gaan over [topic=318097/1/25] maar om een beetje overzicht te houden ben ik even een nieuw topic begonnen.

Ik wilde dus een popup met een vergroting van de foto laten openen als je op de tumbnail klikte. (Een popup zonder taakbalk/schuifbalk/adresbalk enz.) Nu had ik het idee om een html/php pagina aan te maken met alleen de code om een plaatje neer te zetten (gecentreerd). Dus via php dat plaatje variabel maken....aangezien ik niet zo'n ster ben in php vraag ik jullie hulp...ik wil dus:

- Een popup laten openenen als je op de tumbnail drukt..
- Hij moet dan naar bijv. http://bla.bla.nl/bla/bla/bla.html
- In de popup moet dan bla.jpg gecentreerd te zien zijn..

Ik dacht dat met zo'n url kon: www.bla.nl/bla/bla.html?pic=bla.jpg

Please help...

[Pelle]

Je kunt in een html-pagina de url uitlezen met behulp van JavaScript. Kijk hier maar eens: [topic=311642/1/25]

De variabele 'pic' kun je nu in je HTML printen doormiddel van dit:

code:

document.write(aGet[pic]);

Met PHP is het nog makkelijker:

PHP:

<?
// php-pagina zo aanroepen: scriptnaam.php?pic=klaas.jpg
print $pic;
// resultaat: klaas.jpg
?>

De PHP- (of JS)-code opnemen op de plek waar je image moet komen te staan, oftewel in een tabel die horizontaal & verticaal centreert en een breedte en hoogte van 100% heeft.

[Tim Schuhmacher]

En vragen over php kun je hier stellen:
http://gathering.tweakers.net/listtopics.php/38

[Verwijderd]

Op dinsdag 13 november 2001 14:25 schreef Pelle het volgende:
Je kunt in een html-pagina de url uitlezen met behulp van JavaScript. Kijk hier maar eens: [topic=311642/1/25]

De variabele 'pic' kun je nu in je HTML printen doormiddel van dit:

code:

document.write(aGet[pic]);

Met PHP is het nog makkelijker:

PHP:

<?
// php-pagina zo aanroepen: scriptnaam.php?pic=klaas.jpg
print $pic;
// resultaat: klaas.jpg
?>

De PHP- (of JS)-code opnemen op de plek waar je image moet komen te staan, oftewel in een tabel die horizontaal & verticaal centreert en een breedte en hoogte van 100% heeft.

Ik was al een eindje op weg maar hier heb ik wel wat aan tnx

[Verwijderd]

Hij klopt niet helemaal!! nu krijg ik de naam van het bestand niet het plaatje zelf

[Pelle]

Op dinsdag 13 november 2001 14:34 schreef EbAyzo het volgende:
Hij klopt niet helemaal!! nu krijg ik de naam van het bestand niet het plaatje zelf

* Zucht *

code:

[img]"<!--[/img]" border="0">

[Verwijderd]

Op dinsdag 13 november 2001 14:43 schreef Pelle het volgende:

[..]

* Zucht *

code:

[img]"<!--[/img]" border="0">

sorry ik weet dat ik het zelf moet uitzoeken, maar ik kan &^%*#@$ niks vinden in tutorials

[Pelle]

Op dinsdag 13 november 2001 14:47 schreef EbAyzo het volgende:
sorry ik weet dat ik het zelf moet uitzoeken, maar ik kan &^%*#@$ niks vinden in tutorials

Als je een filename (of whatever) kunt printen, dan kun je die toch ook binnen de image-tag printen? Dan staat er geen platte tekst, maar een imagenaam binnen een imagetag.

In PHP zou het er dus zo uitzien:

code:

[img]"<?[/img]" border="0" alt="dit is mijn image">

[Verwijderd]

[img]"<?[/img]" border="0">

Ik ben echt noob <- Never mind naar een beetje logisch denken is het gelukt!! bedankt mensen

[Vulpes_Vulpes]

Als al je plaatjes 500x400 zijn kan je beter het plaatje als background zetten. Dan hoef je m niet meer te centreren en is er geen marge meer tussen het plaatje en je venster. De grap is namelijk dat die marge standaard verschillend is bij NN en IE.

Hehehe, dan mag je hier nu echt zelf de code voor bedenken. Maar dat gaar je nu wel lukken denk ik!

[r0bert]

- - - -

[Pelle]

Op dinsdag 13 november 2001 14:55 schreef EbAyzo het volgende:
Ik ben echt noob

Zo:

code:

[img]"<?[/img]" border="0" alt="dit is mijn image">

of zo:

PHP:

<?
print "[img]\"$pic\"[/img]\n";
?>

[Verwijderd]

Op dinsdag 13 november 2001 14:56 schreef Vulpes_Vulpes het volgende:
Als al je plaatjes 500x400 zijn kan je beter het plaatje als background zetten. Dan hoef je m niet meer te centreren en is er geen marge meer tussen het plaatje en je venster. De grap is namelijk dat die marge standaard verschillend is bij NN en IE.

Maar ze zijn niet allemaal zo groot...

[Vulpes_Vulpes]

Op dinsdag 13 november 2001 14:59 schreef EbAyzo het volgende:

[..]

Maar ze zijn niet allemaal zo groot...

Oh sorrie, ik dacht dat ik dat had zien staan in je vorig toppic...

[Verwijderd]

Ik heb het voor elkaar....

PHP/Javascript in combinatie met een html pagina met tabel

http://www.ebayzo.coolfreepage.com/picspageklas.html

Alleen de eerste foto werkt op deze manier

[Vulpes_Vulpes]

Op dinsdag 13 november 2001 15:18 schreef EbAyzo het volgende:
...

Alleen de eerste foto werkt op deze manier

Hier werken ze allemaal hoor!

[DiveZoner]

Op dinsdag 13 november 2001 14:58 schreef Pelle het volgende:

Zo:

code:

[img]"<?[/img]" border="0" alt="dit is mijn image">

of zo:

PHP:

<?
print "[img]\"$pic\"[/img]\n";
?>

of zo:

code:

[img]"<?=[/img]" border="0" alt="dit is mijn image">

[Verwijderd]

allereerst...
/me is een n00b op gebied van javascript

ik zit dit dus ff te bekijken/proberen, maar het lukt niet...

kan iemand misschien op een n00b niveau uitleggen hoe het gaat op de manier voor mensen zonder php-server, de javascript manier dus...

ik heb nu:

code:

<a href="viewpic.html?pic=beer.gif">plaatje</a>

en

code:

<script language="Javascript type="text/javascript">
document.write(aGet[pic]);
</script>

plz help

[Pelle]

Op dinsdag 13 november 2001 16:21 schreef Phuq-R het volgende:
kan iemand misschien op een n00b niveau uitleggen hoe het gaat op de manier voor mensen zonder php-server, de javascript manier dus...

Ik zei het ergens bovenaan al, maar lees dan eerst deze eens door: [topic=311642/1/25] .

Daar staat een scriptje, en als je dat combineert met wat ik hierboven heb uitgelegd, dan moet je er wel uitkomen.

[Verwijderd]

Op dinsdag 13 november 2001 16:25 schreef Pelle het volgende:

[..]

Ik zei het ergens bovenaan al, maar lees dan eerst deze eens door: [topic=311642/1/25] .

Daar staat een scriptje, en als je dat combineert met wat ik hierboven heb uitgelegd, dan moet je er wel uitkomen.

die had ik al gelezen... maar ik snap er de ballen van

[Verwijderd]

Op dinsdag 13 november 2001 15:37 schreef Vulpes_Vulpes het volgende:

[..]

Hier werken ze allemaal hoor!

JAH...inmiddels dat rijtje al upgedate...nu de andere 70 foto's nog

[Pelle]

Op dinsdag 13 november 2001 16:32 schreef Phuq-R het volgende:
die had ik al gelezen... maar ik snap er de ballen van

1. Plak die functie in je HTML-document
2. Zet het stukje document.write()-code wat ik hierboven ergens heb gedumpt, neer op de plek waar je je pic wilt schrijven
3. Roep je pagina aan met naamvanjepagina.html?pic=klaas.jpg
4. Klaar

[Verwijderd]

het is me al gelukt...

code:

<script language="JavaScript">
document.write("[img]'"[/img]")
</script>

en de link:

code:

<a href="viewpic.html?beer.gif">plaatje</a>