newbie:loop though dir and display images

ianc4ever

ok, im relatively a newbie but have worked through a larry ullman php5 book, and am starting my own scripts.

-The Code below displays 1st image mentioned in the array.
-I want it to loop through and display all the images in the array.

Can someone point me to the right way of doing this?
code so far...

<?php
header("content-type: image/jpg");

$file=array('sized_flowers.jpg', 'toyspic.jpg');

foreach($file as $k){

		$src_img = imagecreatefromjpeg("$k");
		$srcsize = getimagesize("$k");

		$dest_x = 100;
		$dest_y = (100 / $srcsize[0]) * $srcsize[1];
		$dst_img = imagecreatetruecolor($dest_x, $dest_y);

		// Resize image

imagecopyresampled($dst_img, $src_img, 0, 0, 0, 0, $dest_x, $dest_y, $srcsize[0], $srcsize[1]);

		// Output image
		imagepng($dst_img);


		imagedestroy($src_img);
		imagedestroy($dst_img); 
		}

steamPunk

ianc4ever;10931765 wrote:
-The Code below displays 1st image mentioned in the array.
-I want it to loop through and display all the images in the array.

If you just want it to display the images in the array you could do

foreach($file as $k){
echo "<img src=\"images_dir/".$k."\" alt=\"\" /><br />";
}

you don't need imagecreatefromjpeg() etc - that's more if you want the server to modify the image

ianc4ever

apprec the quick answer.
i was trying to resize each image though, create a kinda thumbnail for each.

johanafm

You should not resize images every time they are requested. Do this once for each picture.

So, use your original code to create thumbs from the images. Just change this 3rd statement from the end to

// This won't output the image, but save it to file
imagepng($dst_img, 'thumb_'.$k);

The reason only one image was displayed in your script is that the browser does not handled multiple image resources. Your header tells the browser it will get one resource of type 'image/jpg', and that's what it will show you. Also, since you are actually displaying png, your header should have been 'image/png'.

The reason that steamPunk's code displays all images is that the browser sends one request to the server for each <img> element in the page and the web server sends one image back for each of those requests.