[Resolved] BACK - NEXT image navigation

[Guiles]

Well, basically I'm trying to make a very SIMPLE navigation for a photo gallery.

I didn't want to set up a million pages just so I could display one image... so I thought I'd turn to PHP to help me out. I'm not the best PHP coder whatsoever, all I can do is random stuff (lame).

Sooooo, anyways.

Here's the link to my gallery that I want to create: http://www.guilesdesign.com/extra/guilesPhoto/index.php

Now, I want it to work like this:

When the user clicks either of the "back" or "next" arrows at the bottom of the polaroid, I want the page to refresh and then update the image in the center according to which image is already displayed. So if image "1.jpg" is loaded and the user clicks the "next" arrow button - the page will refresh and "2.jpg" will be in the center.

I tried to set it up, and it didn't work. So I guess whoever wants to tackle this seemingly simple project - just download the HTML source for the page and do your magic.

If anyone is so nice to figure this out for me then please Email me ASAP ([e-mail]).

(* notes : the folder in which the images reside is labeled "images/" and there are 17 images in that folder (0.jpg - 16.jpg) plus the navigation for the "back" and "next" buttons use an image map instead of individual images... so if your pretty comfortable with HTML then you'll notice where the links are in the code)

Thank you to anyone who can help!

[cgraz]

This should work for you. Just copy and paste it to the correct part of your .php page.

<?

$first = "1"; // first image 
$last = "17"; // last image

// to display the correct image

if(!$_GET['img']) {
   echo "<img src=\"images/".$first.".jpg\" width=\"232\" height=\"239\">\n";
} else {
   echo "<img src=\"images/".$_GET["img"].".jpg\" width=\"232\" height=\"239\">\n";
}


// next button

if($_GET['img'] == $last) {
   echo "<a href=\".$PHP_SELF."?img=".$first."\">Next</a>\n";
} else {
   echo "<a href=\".$PHP_SELF."?img=".($_GET['img'] + 1)."\">Next</a>\n";
}

// previous button

if($_GET['img'] == $first) {
   echo "<a href=\".$PHP_SELF."?img=".$last."\">Previous</a>\n";
} else {
   echo "<a href=\".$PHP_SELF."?img=".($_GET['img'] - 1)."\">Previous</a>\n";
}

?>

Cgraz