Limit array output to certain key values

Rightclick

I need help -

I am putting together a very simple image gallery that reads the image files in from the directory and displays the thumbnails.

This bit I have achieved, but what I want to do is specify which images to display from the array list ie: images with key value of [11] to [20] ( 10 images ) then next page specify the next ten etc...

Could someone look at my script below and tell me how I can modify it to include some sort off key count method.

I was also thinking putting a variable at top to set the starting key value and a variable to set the number of images to display.

I'm sure this should be quite simple but It has been doing my head in, please help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div style="width:50%; height:50%; margin:30px;">
<?php
$path = "images/"; //path from root
$dir_handle = @opendir($path) or die("Unable to open $path");
while ($file = readdir($dir_handle)) {
if($file == "." || $file == ".." || $file == "index.php" )
continue;
echo '<a href="images/'.$file.'"><img src="thumbs/'.$file.'" /><br />'; //formatting this is up to you
}
closedir($dir_handle);
?>
</div>
</body>
</html>

rincewind456

Something quick and dirty like this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div style="width:50&#37;; height:50%; margin:30px;">
<?php


# Open dir and put file image names into an array, do count of total images.

$path = "images/"; //path from root

$dir = opendir ($path);
$count=0;	#Initialize variable
while (false !== ($file = readdir($dir))) {
	if (strpos($file, '.gif',1)||strpos($file, '.jpg',1)||strpos($file, '.JPG',1)||strpos($file,'png',1)) {
		$images[] = $file;
		$count++;
	}
}

closedir($dir);
#Set number of images per page
$images_per_page = 10;

#Calculate number of pages for links
$pages = floor($count/$images_per_page);
$last_page = $count % $images_per_page;
#Construct page links
$page_links = '';	#Initialize variable
for ($i=0;$i <=$pages;$i++){
	$page_links .= '<a href="page.php?p='.($i+1).'">'.($i+1).'</a>'."\n";	#Change page.php to your required page name

}

#Check to see if page chosen
if(isset($_GET['p'])){

$page_number = (int) $_GET['p'];
}
#set default page number to display the first batch of images
else
{
	$page_number =1;
}

#Calculate which images to display
$diff = $page_number*$images_per_page;
$first_image = $diff-($images_per_page-1);
$last_image = $diff;
$display_images ='';

if ($last_image> $count) {
	$last_image = $count-1;
}
for ($i =$first_image-1;$i <= $last_image;$i++){
	$display_images .= '<a href="images/'.$image[$i].'"><img src="thumbs/'.$images[$i].'">'."\n<br />";
}
print $display_images;	# Display the image code

print '<div style="text-align:center;">'.$page_links.'</div>';	#Display the page links code

?>
</div>
</body>
</html>

might work for you.

Rightclick

Thanks for that code.

I had looked at using pagination but would like to make it even more basic as it's to up date an already existing gallery.

I will look at this again and play around with it, but is there any way of telling the script to display values for key numbers (e.g.) array key # 21 to 30?

I suppose doing it this way ( if possible) I won't need to tell it how many images to display on the page

Thanks again

rincewind456

I'm not sure I understand what you mean, but this area

for ($i =$first_image-1;$i <= $last_image;$i++){
    $display_images .= '<a href="images/'.$image[$i].'"><img src="thumbs/'.$images[$i].'">'."\n<br />";
}
print $display_images;

decides which images to show, so you could hard code it like

for ($i =21;$i <= $30;$i++){
    $display_images .= '<a href="images/'.$image[$i].'"><img src="thumbs/'.$images[$i].'">'."\n<br />";
}
print $display_images;

And it would display images 21 - 30, but I'm not sure why you would want to do that.

Rightclick

Thanks for that:

I know its sounds a bit "mad in the head" not to use the full auto features of the script ( i do hope to eventually work it in) but your last fix is what I was looking for.

Not enough time to try to explain

BIG thanks

⭕)

Rightclick

In addition to above, now, I need to incorporate my old lines of html/javascript into the php code:

The $display images line I need to print the equivalent to this html:

<a href="#_self" onClick="document.forms[0].on1.value='Image 0001';LoadGallery('weddinggallery', 'images/0001.jpg', 'imgNumberCaption', 'Image #&nbsp;0001')"><img src="thumbs/0001.jpg" border="1"></a>

any file names need to be picked up from $images[$i]

the filenames are passed to various other locations on the page. the main location is a form. The other locations are just to show the visitor what number they are on and to change the main image dynamically.

my main php page at the moment reads as such:

<table width="1000" cellpadding="0" cellspacing="0" border="0">
<tr height="30">
<td rowspan="2" width="250" valign="top">
<div id="thumbsNav">

<?php

# Open dir and put file image names into an array, do count of total images.

$path = "images/"; //path from root

$dir = opendir ($path);
$count=0;    #Initialize variable
while (false !== ($file = readdir($dir))) {
    if (strpos($file, '.gif',1)||strpos($file, '.jpg',1)||strpos($file, '.JPG',1)||strpos($file,'png',1)) {
        $images[] = $file;
        $count++;
    }
}

closedir($dir);
sort($images);

#Set number of images per page
$display_images ='';

for ($i = 0;$i <= 20;$i++){

$display_images .= '<div><a href="images/'.$images[$i].'"><img src="thumbs/'.$images[$i].'"></a></div>';

}
print $display_images;    # Display the image code

?>


<br style="clear:both; height:0px;" />

</div>

</td>
<td id="imageNumber"width="500">

<div id="pagename"><SCRIPT>document.write(DocName)</SCRIPT></div>
<div id="imgNumberCaption">Image #&nbsp;0001</div>



<hr style="clear:both" size="1" width="100%" align="right">


</td>
<td width="160" rowspan="2" valign="top" align="center">
<script language="Javascript" src="paypal.js" type="text/javascript"></script>
<script language="JavaScript" src="form.js" type="text/javascript">
</script>
<br />
</td>
</tr>
<tr height="490"><td width="500" align="center" valign="middle">

<!-- Main Changeable Image -->
<img src="images/0001.jpg" id="weddinggallery" border="6" style="border-color: black">


</td></tr>
<tr height="20">
<td colspan="3">
<img src="spacer.gif" width="20" height="1" border="0">page: <script language="Javascript" src="pages.js" type="text/javascript">
</script>
</table>
<p>&nbsp;</p>
</td></tr>
</table>

Any help with converting this code would be greatly appreciated