Need help making basic php gallery.

Question

Hi guys,
Thanks for checking out my post...
I want to create a gallery, using php, for a client site
similar to the one at
http://www.danwheldon.com/gallery.cfm
where you click on a thumbnail and it refreshes the page with the
larger image within the websites' layout and above the rest of the
thumbnails.
At the moment, my site has a template layout called main.php
and I'm using a basic php query to bring up gallery.php
(main.php?pagename=gallery) so the thumbnails are displayed in the
template.
How can I add another query to the links so that when you
click on one of the thumbnails, it refreshes
main.php?pagename=gallery with the enlarged image above the rest of
the thumbnails?
Thank you very much and I hope to hear from you.
All the best,
Mark

Answer 1

Spindrift wrote:
> How can I add another query to the links so that when
you click on one of the
> thumbnails, it refreshes main.php?pagename=gallery with
the enlarged image
> above the rest of the thumbnails?
Seb posted this the other day. I think it fits in with what
you want and
can be adapted.
Someone asked. How are pages created like this:
http://www.foo.com/fooing.php?id=10
http://www.foo.com/fooing.php?id=20
ANSWER:
whatever is after the "?" is a variable ("id") and its value
("20").
The variable value is retreived by PHP via the $_GET array:
<?php
$var = $_GET['id'];
echo $var;
?>
This will output the variable value (10 or 20).
Then you can use these values to outuput different things:
<?php
$var = $_GET['id'];
if ($var == 10){
do_something();
if ($var == 20){
do_someting_else();
?>
A typical example would be with an image gallery, each
thumbnail would
have a link to the same page, but with a different variable:
<a href="big_image.php?id=10"><img
src="thumb10.jpg"></a>
so each thumbnail would open the same page, but in this page,
the
approperiate bigger image would be outputted buy PHP
according to the
variable:
<?php
$big_image = $_GET['id'].'.jpg';
echo '<img src="'.$big_image.'">';
?>
this will output:
<img src="10.jpg">