foto's openen in dezelfde pagina

Hehe, dag Bas

Het zal het beste zijn dat je werkt met een javascriptje...

image.js

thumb_large(src) {
     document.getElementById('large_pic').src= src;
}

thumbs.php

<?php
    echo '<img src="pic1_small.jpg" onclick="thumb_large(pic1_large.jpg)">';
?>

Niet getest maar het zou daarop moeten neerkomen...

Misschien is [google]Lightbox 2[/google] iets voor je?

Hoi, dank jullie voor jullie snelle antwoorden. De optie Lightbox vind ik niet zo. Ik blijf liever gewoon de normale pagina zien.

@tommy, wat jij schrijft kan ik niet helemaal volgen... wat moet dat precies gaan doen?



Is het niet mogelijk met een database of zo? Er zullen namelijk nog regelmatig wat foto's toegevoegd worden.

De site word ongeveer op deze manier opgebouwd


-------------------------
header
--------------------------
wat introtekst
thumbnails
--------------------------
de grote foto
(met evt. wat tekst)
-------------------------

:) je kan het koppelen aan wat je wilt.
je voorziet ergens dit onder je thumbs :

<img src="" id="large_pic" />

mss iets vollediger dan maar :

Javascript :
thumb_to_large.js

thumb_large(src) {
     document.getElementById('large_pic').src= src;
}

<?php 
require("header");
echo '<script LANGUAGE = "JavaScript" src="thumb_to_large.js"></script>';
//sql om pics op te halen
while($row = mysql_fetch_assoc($pics)) {
     echo '<img src="' . $pics['thumb'] . '" onclick="thumb_large(' . $pics['large'] . ')">';
}
echo '<img src="" id="large_pic" />';
?>

Wat Tommy Masschelein lijkt me het beste omdat je met Javascript het gemakelijkst kan doen.

En het is ook nog mogelijk met Javascript je Thumbnail te vergroten.

Het is misschien erg, ik ben nu ff aan het vogelen, maar snap er werkelijk helemaal niets van (schaam, schaam...)

Ik dacht dat het me wel zou lukken, maar dus helemaal niet... volgens mij mis ik nog het 1 en ander.... ff de stappen voor zo ver ik het begrijp (den ik)

- ik heb foto's en maak daar de thumbs van
- ik heb de map "afbeeldingen"; daar staan de foto's in en in die map staat een mapje "thumbs" met natuurlijk de thumbnails.
- pagina gemaakt met daarin de thumbs geplaatst
- vervolgens een javascript-file maken met

thumb_large(src) {
     document.getElementById('large_pic').src= src;
} 

Daarna ben ik aan het vogelen geweest, maar kom ik echt geen stap verder :-(

Zou je me nog wat verder op weg kunnen/willen helpen. Ik wil het namelijk erg graag leren...

Alvast bedankt voor de moeite!

Bas

Je hoeft helemaal geen JavaScript te gebruiken. Je hebt deze structuur zei je:

-------------------------
header
--------------------------
wat introtekst
thumbnails
--------------------------
de grote foto
(met evt. wat tekst)
-------------------------

Als je nu de links op de thumbnails zo maakt:

<a href="?foto=plaatje1.jpg"><img src="thumb1.jpg"></a>

Dan blijf je na een klik op de thumbnail op dezelfde pagina. Er is alleen nu een variabele beschikbaar, $_GET['foto'] die de waarde 'plaatje1.jpg' bevat. Als je deze waarde uitleest kun je het bijbehorende plaatje onderin tonen.

[edit]Ik heb even een voorbeeldpagina voor je gemaakt, met de source eronder. Pagina met thumbs en 1 big pic[/edit]

:-)

dat ziet er goed uit, dat is precies wat ik bedoelde.

Maar is het nu ook mogelijk om bij sommige grote foto's nog eventueel een beschrijving te zetten?

Verder zie ik in het script dit staan:

'show_source.php'

wat staat daar dan in?

Ik ben inmiddels een beetje aan het testen, en krijg het ook werkend. Hartelijk dank hiervoor!!!

Maar is het ook nog mogelijk om dan meteen naar de groto foto te gaan? Als ik zo bv 30 foto's op een bladzijde heb staan, moet ik iedere keer naar beneden scrollen om de vergroting te zien. Kan ie niet meteen naar de grote foto onderop de bladzijde gaan?

Alvast bedankt!