| | |||||||
| |||||||
| |||||||
|
|
|
|
|
|
|
This script reads images in your dir and displays first one with next prev buttons. No work needed just drop in dir. Also gives thumbnail option and links at bottom to each image in the dir By : eltreno <?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> '; } } $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; background-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?> | <?=$nexturl?> Picture number: <strong><?=$thispicDisplay?></strong> 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>
More Site Navigation Code Articles |
| |
| |