Page 1 of 1

Page wise image display from a respective directory

Posted: Tue Jan 19, 2010 9:54 pm
by Raji
Hi there,

I have book pages in form of Images in different directories suppose one directory is this:
http://baask.com/literature/begul/joker/

Now I want to publish all images page wise means PREVIOUS and NEXT button should be available at the bottom / top of the page. I got a php script (http://baask.com/literature/begul/joker/abc.php ) to resolve this issue but the problem is that its retrieving images randomly while I want to display images as per my required sequence.

It would be so kind of you and a great help for me if you help me out to resolve this issue because I m not a php programmer but I can read codes.

Thanks in advance for your prompt and positive response.

With best regards,

Raji Baloch

Re: Page wise image display from a respective directory

Posted: Wed Jan 20, 2010 3:50 am
by codwrex

Code: Select all

<?php
if ($handle = opendir('.')) {
    while (false !== ($file = readdir($handle))) {
        if ($file != "." && $file != "..") {
            echo "<img src='$file' height=100 width=100 /><br/>\n";
        }
    }
    closedir($handle);
}
?>
try some pagination code after that

Re: Page wise image display from a respective directory

Posted: Thu Jan 21, 2010 6:45 am
by Raji
Thanks for your response.

It seems I am fail to explain u what exactly I need.

your script is displaying all images in a single page and images are not in their naming order.

Suppose I have following pages in a single directory:

10001.gif
10002.gif
10003.gif
10004.gif
10005.gif
10006.gif
10007.gif

I want to publish them in same sequence (naming order) while script I have in ( http://baask.com/literature/begul/joker/abc.php) file is displaying these images out of order.
Now I need help to resolve this issue.

I hope I could explain u.

With thanks looking forward

Raji Baloch

Re: Page wise image display from a respective directory

Posted: Thu Jan 21, 2010 6:50 am
by aravona
ok so that link showed me picture 8 and then it went to picture 11 - what are you using to draw the images? Can you post the code?

Re: Page wise image display from a respective directory

Posted: Thu Jan 21, 2010 9:35 pm
by Raji
Here is the script I am running
http://baask.com/literature/begul/joker/abc.php

<?php

//=========================================
//
// Author: Trent Williams
// Date: 19 Aug 2005


// EXPLAINATION
//
// A simply script to drop in any dir to display next prev buttons and current image for all your images in that dir with extentions you allow
// Uses id parameter to know what image to show next else it will show first image
// Also a number list at bottom page to go to any image, alt text displays image name

// change the colours in the styles in the html body






//which dir
$d = dir(".");

//read thru and
while (false !== ($entry = $d->read())) {
//allow extensions here
//|| preg_match("/(\.bmp$)/i", $entry)
//|| preg_match("/(\.jpeg$)/i", $entry)

if (preg_match("/(\.gif$)/i", $entry) || preg_match("/(\.jpg$)/i", $entry)){
$pics[] = $entry;
}

}
$d->close();


//================
//total images count
$numPics = count($pics);



//================
//picture in array to show on this page
$thispic = 0;
if (is_numeric($_GET['id'])){
$thispic = $_GET['id'];
}
$thispicDisplay = $thispic + 1;



//================
//img tag for current image
$thisImage = '<img src="' . $pics[$thispic] . '" alt="' . $pics[$thispic] . '" />';



//======================
// START set thumbnails on or off

//comment this section out if you don't want thumbs to show at all

$showThumbs = 5;//number of thums to show
$thumbsList = '';
$thumburl = '';
if ($_GET['thumb'] == 'yes'){
//read thumb param to url if exists
$thumburl = '&thumb=yes';

for ($i=0;$i<$showThumbs;$i++){
if ($thispic + $i + 1 < $numPics){
$currThumb = $thispic + $i + 1;
$thumbsList .= '<a href="' . $_SERVER['PHP_SELF'] . '?id=' . $currThumb . $thumburl . '" title="' . $pics[$currThumb] . '"><img src="' . $pics[$currThumb] . '" alt="' . $pics[$currThumb] . '" height="100" width="100" border="0" /></a>&nbsp;&nbsp;&nbsp;';
}
}
$onOff ='<a class="thumbs" href="' . $_SERVER['PHP_SELF'] . '?id=' . $thispic . '">Turn Thumbnails Off</a>';
} else {
$onOff ='<a class="thumbs" href="' . $_SERVER['PHP_SELF'] . '?id=' . $thispic . '&thumb=yes">Turn Thumbnails On</a>';
}

// END set thumbnails on or off





//prev button

$prevurl = ' <span class="highlighted">First Picture</span>';
if ($thispic > 0){
$prev = $thispic - 1;
$prevurl = '<a href="' . $_SERVER['PHP_SELF'] . '?id=' . $prev . $thumburl . '" title="' . $pics[$prev] . '">Previous picture</a>';
}




//next button

$nexturl = ' <span class="highlighted">Last Picture</span>';
if ($thispic < ($numPics - 1)){
$next = $thispic + 1;
$nexturl = '<a href="' . $_SERVER['PHP_SELF'] . '?id=' . $next . $thumburl . '" title="' . $pics[$next] .'">Next picture</a>';
}



//=======================
// string of all pics url's
$urlarray = '';
for ($i=0;$i<count($pics);$i++){
//highlign pic you are on
$j = $i + 1;

if ($i != $thispic){

$urlarray .= '<a href="' . $_SERVER['PHP_SELF'] . '?id=' . $i . $thumburl .'" title="' . $pics[$i] . '">' . $j .'</a> ';
} else {
$urlarray .= ' <span class="highlighted">' . $j . '</span> ';
}


}







?>
<?php echo '<?xml version="1.0" encoding="iso-8859-1"?>' . "\n"; ?>
<!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>
<title><?=$pics[$thispic]?></title>
<meta name="Author" content="Trent Williams" />
<style type="text/css">
*{margin:0px;}
html, body{color:#000; }
.borders {background:#DBDE5C; border:2px solid #DF1C11; padding:10px; width:100%; float:left; font-family:arial, helvetica, sans-serif; font-size:85%;}
.content {padding:10;}
a{color:#000;text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}
.highlighted {color:#DF1C11; font-weight:bold;}

a.thumbs {color:#DBDE5C;text-decoration:none; font-weight:bold;}

</style>
</head>

<body>


<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td>

<div class="borders"><?=$prevurl?>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<?=$nexturl?>&nbsp;&nbsp;&nbsp;Picture number: <strong><?=$thispicDisplay?></strong> &nbsp;&nbsp;Picture name: <strong><?=$pics[$thispic]?></strong></div>




<div class="content"><center><?=$thisImage?></center></div>

<div class="content"><?=$onOff?><center><?=$thumbsList?></center></div>

<div class="borders"><?=$urlarray?></div>


</td>
</tr>
</table>


</body>
</html>