Hi, I don't know how to code this, I was wondering if someone could give me an idea. I want to have a html submit button change the image on a div every time the button "forward" is pressed, then I want a "backwards" button to change the pictures in reverse order.

The only thing I can think of is this.

if !empty post forward

change div img

if !empty post forward

change div image.

repeated and I'm positive that's not going to work. LOL.

I do know how to change the div image with the submit button already, but not in the way that I am describing above. Thanks. Derek

just step through an array.

forward button sends [current]+1
back button sends [current]-1

if 0 use the array.length.
if array.length use 0

man Chris you are da MAN! you've helped me so many times. thanks again. I really appreciate all of your help. Thanks. Derek

Originally Posted by chrishirst

just step through an array.

forward button sends [current]+1
back button sends [current]-1

if 0 use the array.length.
if array.length use 0

that's a good idea,
store each image name with location in arrayi.e

PHP Code:

$image[0]="location/image1.jpg";
$image[1]="location/image2.jpg" 


.... like wise

Now as the page loads use

PHP Code:

$image_key=0; 


with every forward button use

PHP Code:

$image_key=$image_key++; 


Now in display section use

PHP Code:

<image src="<?php echo $image['$image_key'];?>">

I'm trying to use the "next()" function to change my array images in the div. But I get a black screen inside the div, no image. Here is the array I'm using .

$teardrop_ocean_bg = array
    (
    'level_1'=>"<img src='<img src='sundragon_environments/ocean/ocean1_FRAME.jpg'/>'",
    'level_2'=>"<img src='<img src='sundragon_environments/ocean/ocean1_FRAME2.jpg'/>'",
    'level_3'=>"<img src='<img src='sundragon_environments/ocean/ocean1_FRAME3.jpg'/>'",
    'level_4'=>"<img src='<img src='sundragon_environments/ocean/ocean1_FRAME4.jpg'/>'",
    'level_5'=>"<img src='<img src='sundragon_environments/ocean/ocean1_FRAME5.jpg'/>'"
    );

and here is the code to go through the array when the "further" button is pressed.

$currentLocation='teardrop_ocean';//declare variables/this is set after we click on image map link for teardrop
$currentLocArray='';
//the following is set after we click on the teardrop ocean link on the image map .

//check if the current location is teardrop ocean, if so, set current loc array to the teardrop ocean bg array.
if($currentLocation=='teardrop_ocean'&& !empty($_POST['further']))
{
     $echoLocation=next($teardrop_ocean_bg);
}

I echo out the $echoLocation later on in the div.