Multiple Image Output in GD PHP

[scrfix]

Notes
I have the issue resolved with one image in GD and I could easily copy that code 5 or 6 times to get multiple images to output however I would like to do this a little easier but and running into a road block. This problem I am sure is due to my lack of experience in programming with GD.

Issue
I am attempting to use an array and a for statement to output multiple images in GD as is done with anything else I have worked with. When I attempt to run an array of images via a FOR loop I get no image and no multiple images.

URL
Broken Code URL: Spectacular Computer Repair OR http://67.199.62.141/test3.php whichever you prefer.

Correct Code to OUTPUT 1 Image URL: Computer Repair Sarasota, Bradenton, Venice OR http://67.199.62.141/test2.php whichever you prefer.

Broken Code attempting to output multiple images

<?php

function open_image($file) {
        # JPEG:
        $im = @imagecreatefromjpeg($file);
        if ($im !== false) { return $im; }

    # GIF:
    $im = @imagecreatefromgif($file);
    if ($im !== false) { return $im; }

    # PNG:
    $im = @imagecreatefrompng($file);
    if ($im !== false) { return $im; }

    # GD File:
    $im = @imagecreatefromgd($file);
    if ($im !== false) { return $im; }

    # GD2 File:
    $im = @imagecreatefromgd2($file);
    if ($im !== false) { return $im; }

    # WBMP:
    $im = @imagecreatefromwbmp($file);
    if ($im !== false) { return $im; }

    # XBM:
    $im = @imagecreatefromxbm($file);
    if ($im !== false) { return $im; }

    # XPM:
    $im = @imagecreatefromxpm($file);
    if ($im !== false) { return $im; }

    # Try and load from string:
    $im = @imagecreatefromstring(file_get_contents($file));
    if ($im !== false) { return $im; }

    return false;
}

header ('Content-Type: image/png'); // What type of image are we working with?  I also need to learn how to output multiple headers if I am using different images.

//$image = open_image('SCRFix-logo.png'); // Where is the image located?

//Image array and their correct locations.
$image = array("/images/scrfix-logo.png", "/images/shopping-cart.jpg", "/images/forums.jpg", "/images/sign-in.jpg", "/images/contactus.jpg", "/images/printer.jpg");

//Check to see if we can find the image
if ($image === false) {
        die ('Unable to find image');
}
for ($i = 1; $i < 6; $i++) {
$image[$i] = open_image($image);
$image = $image[$i];
imagepng($image); // Outputs to browser directly only once through GD Code however this doesn't return an image.
}

//imagejpeg($image);  //Here for testing purposes because I have multiple different types of images, both png and jpg for quick loading.
?>

Correct Code to OUTPUT 1 Image

<?php

function open_image($file) {
        # JPEG:
        $im = @imagecreatefromjpeg($file);
        if ($im !== false) { return $im; }

    # GIF:
    $im = @imagecreatefromgif($file);
    if ($im !== false) { return $im; }

    # PNG:
    $im = @imagecreatefrompng($file);
    if ($im !== false) { return $im; }

    # GD File:
    $im = @imagecreatefromgd($file);
    if ($im !== false) { return $im; }

    # GD2 File:
    $im = @imagecreatefromgd2($file);
    if ($im !== false) { return $im; }

    # WBMP:
    $im = @imagecreatefromwbmp($file);
    if ($im !== false) { return $im; }

    # XBM:
    $im = @imagecreatefromxbm($file);
    if ($im !== false) { return $im; }

    # XPM:
    $im = @imagecreatefromxpm($file);
    if ($im !== false) { return $im; }

    # Try and load from string:
    $im = @imagecreatefromstring(file_get_contents($file));
    if ($im !== false) { return $im; }

    return false;
}

header ('Content-Type: image/png'); // What type of image are we working with?

$image = open_image('SCRFix-logo.png'); // Where is the image located? what is the image named?  Do not use a / in the beginning of the location ie. /images/SCRFix-Logo.png is a no no.  Use images/SCRFix-logo.png

//Check to see if we can find the image
if ($image === false) {
        die ('Unable to find image');
}
imagepng($image);
?>

Any help would be appreciative. You can find all of the images I am working with here
Image Locations
http://67.199.62.141/images/scrfix-logo.png
http://67.199.62.141/images/shopping-cart.jpg
http://67.199.62.141/images/forums.jpg
http://67.199.62.141/images/sign-in.jpg
http://67.199.62.141/images/contactus.jpg
http://67.199.62.141/images/printer.jpg

Thanks,

Wayne

[bradgrafelman]

You can't output multiple images at once, unless you actually merge them all into one large image and output it.

[scrfix]

Well that's a horrible thing... lol. They need to immediately rewrite the programming just for me. 😃

Okay, so the only way to do this is to create a separate function for each image and call each function individually.

Is that correct?

Wayne

[bradgrafelman]

I'm not sure what you mean. You can only send out one image at a time per request, so you could do:

<img src="script.php?img=forums">
<img src="script.php?img=sign-in">

And so on.

[scrfix]

Can you help me understand how this would work?

<img src="script.php?img=forums">

Will that work with my current code?
Why is it img=forums vs. img=forums.jpg?

My ultimate goal is to:
1. Use PHP to detect a cookie on the user's computer that contains their screen width. If it doesn't detect the cookie then (go to number 2).
2. Detect computer screen width with JavaScript and place a cookie with that information on the users computer.
3. Capture the screen width from the cookie using PHP and resize all my header images dynamically based upon that information. If the user is using 800x600 make the images small enough to fit within the header bar without going to 2 lines. (See Spectacular Computer Repair).
4. If the width is greater than 800x600 than size the images accordingly.

Wayne

[Kevin_Isley]

Hi scrfix,

Did you ever get this to work? I am attempting the same thing, but I cannot seem to get it to work. It will alternate between showing one of the pictures, but never each individual picture.

Any ideas?

Thanks,