foto's openen in dezelfde pagina
ik zit met een probleempje (m'n php-kennis is erg laag..). Ik wil graag een pagina maken met een hele hoop thumbnails, en dat ik dan daaronder de foto te zien krijg ik die ik aanklik. Nu werk ik normaalgesproken met de pagina links "index.php?page=thumbs"
Maar als ik dat ga doen voor alle foto's, dan krijg ik wel heeeeel veel pagina;s. Is het niet mogelijk om dit eenvoudiger te doen? (bij sommige foto's moet er waarschijnlijk ook wat tekst geplaatst worden, deze hoeft niet bij de thumbnails te komen staan).
Alvast bedankt voor jullie hulp!
Bas
Het zal het beste zijn dat je werkt met een javascriptje...
image.js
Code (php)
1
2
3
2
3
thumb_large(src) {
document.getElementById('large_pic').src= src;
}
document.getElementById('large_pic').src= src;
}
thumbs.php
Niet getest maar het zou daarop moeten neerkomen...
@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 voorziet ergens dit onder je thumbs :
Code (php)
1
<img src="" id="large_pic" />
mss iets vollediger dan maar :
Javascript :
thumb_to_large.js
Code (php)
1
2
3
2
3
thumb_large(src) {
document.getElementById('large_pic').src= src;
}
document.getElementById('large_pic').src= src;
}
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
Gewijzigd op 01/01/1970 01:00:00 door Tommy Masschelein
En het is ook nog mogelijk met Javascript je Thumbnail te vergroten.
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
Code (php)
1
2
3
2
3
thumb_large(src) {
document.getElementById('large_pic').src= 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
Gewijzigd op 01/01/1970 01:00:00 door bas
-------------------------
header
--------------------------
wat introtekst
thumbnails
--------------------------
de grote foto
(met evt. wat tekst)
-------------------------
Als je nu de links op de thumbnails zo maakt:
Code (php)
1
<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
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
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:
Code (php)
1
'show_source.php'
wat staat daar dan in?
Gewijzigd op 01/01/1970 01:00:00 door bas
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!