display images in a folder

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

graphical_force

Hi I am trying to display all the images in a certain folder.

I dont want to display the directory itself of the parent directory.

I would like to show the actual photos instead of the links also.

Here is the code:

<?php
session_start();
?><!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
       <title>Easy display</title>
</head>
<body>
<?php

$dirname = "./imagesFolder/user${_SESSION['user']}/";
$images = scandir($dirname);
foreach($images as $curimg){
  echo "<a href='./imagesFolder/user${_SESSION['user']}/$curimg'>$curimg</a><br>\n";
}; 

?>
</body>
</html>

Any suggestions?

Thanks in advance!

Suhas_Dhoke

Use the <IMG> tag instead of Anchor Tag (<A>) for displaying the image, instead of a link.

smickus

and you can have an if inside the foreach statement...

$ignore = Array(".", "..", "otherfiletoignore");
foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo "<img src='./imagesFolder/user${_SESSION['user']}/$curimg' /><br>\n";
}; 
}

graphical_force

Thanks guys that did the trick!

graphical_force

I now would like to display the images in a thumbnail. I'm not sure how to proceed with that. I have read something about getimagesize() but I am not sure if this is what I would use or how I would use it in this situation.

Here is the code:

<?php
session_start();
?><!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
       <title>Easy display</title>
</head>
<body>
<a href="../main.page.php">back to main page</a><br/><br/>
<?php

$dirname = "./imagesFolder/user${_SESSION['user']}/";
$images = scandir($dirname);
$ignore = Array(".", "..");
foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo "<img src='./imagesFolder/user${_SESSION['user']}/$curimg' /><br>\n";
};
} 	
?>
</body>
</html>

Any suggestions on how to create thumbnails out of any image in a particular folder?

smickus

Do you have the GD Images library installed? Or do you just want to use a new height/width to make the image look smaller?

graphical_force

I am not sure if I have the GD Library installed but I believe I do. I have done a little research and came up with some code that will change the images in a folder to thumbnails and it requires the GD Library and it appears to work. But I am not sure if this is the best way for me. The problem that I have is that some images will be 1536 x 2048 or 2048 x 1536. I need them to resize no matter which dimension is bigger. I then want to add a radio button or some control that will allow the user to choose a image.

I am open to any other suggestions.

Thanks.

hex1a4

Hi,

This script might be what you're looking for. It looks for images in a directory, creates thumbnails (if it hasn't already) and displays them, making the thumbnails clickable to see the full image. Plus it has features, is easy to configure, and of course you can modify it to suit your needs.

graphical_force

Thanks for all the ideas but I found a solution to my problem.

tryingIThard

HI Graphical Force,

It would be nice to let us know what solution have you found as others including myself are interested.

thanks...

Henry07

this is a php code
<?
$files = glob("images/.");
for ($i=0; $i<count($files); $i++)
{
$num = $files[$i];
echo '<img src="'.$num.'" alt="random image" />'." ";
}
?>

ThomasJ

Hi,
I came across this post and it works excellent, but the images are all loaded in a vertical line.
1. How do I change this to be Horizontal until page is full and then move to second line.

2. How do I add in the image name (file name) for each image.

Using your code below:
<?php
$dirname = "pictures/test";
$images = scandir($dirname);
$ignore = Array(".", "..", "otherfiletoignore");
foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo "<img src='pictures/test/$curimg' /> \n";
};
}

?>
Thanks,

Dragonfire2008

echo "<img style="float:right;" src='pictures/test/$curimg' /> \n";

that should do the trick....

ThomasJ

Hi,
Thanks no the images are floating to the right, but not in line.
See updated scripting and attached image:

<?php
$dirname = "pictures/test";
$images = scandir($dirname);
$ignore = Array(".", "..", "otherfiletoignore");
foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo "<img style='vertical-align: middle; float: right'; title='$curimg'; src='pictures/test/$curimg'; /> \n";
};
}

?>

ThomasJ

If previous post comes through I was being a plank.... I just removed the tag.

Thank for the help,

Henry07

Henry07;1265869 wrote:
this is a php code
<?
$files = glob("images/.");
for ($i=0; $i<count($files); $i++)
{
$num = $files[$i];
echo '<img src="'.$num.'" alt="random image" />'." ";
}
?>

Duplichecker - Plagiarism software

root

All you need to get thumb nails is to use the getimagesize() function in conjunction with list() to obtain the height and width of the image then use a calculation to ensure that the resizing of height and width is not going to result in an image that is out of proportion.

I used something like this for my images

$ext = array("jpg","png","gif","bmp");
foreach($ext as $typ){
    $dir = glob("*.{$typ}");
    $img = array_combine( $dir , $img);
    }

$ratio = 0.33; // approx 1/3rd

foreach($img as $thumb){
    list($width, $height, $type, $attr) = getimagesize( $thumb );
    $height = $height * $ratio;
    $width = $width * $ratio;
    echo "<img height='{$height}' width='{$width}' title='' src='{$thumb}'; /><br>\r\n";    

}

its been a long time since I looked at the script but thats the basics of what I did.