mccdave Posted January 29, 2008 Share Posted January 29, 2008 Hi Can anyone help? Basically i am looking for a script as a starting point. I want to display images from a directory on my server as thumbnails. I also need to be able to easily incorporate it into my website.. Anyone suggest a script for a starting point as I am very poor at php! Thanks Dave Quote Link to comment Share on other sites More sharing options...
Skipjackrick Posted February 19, 2008 Share Posted February 19, 2008 Hello fellas, I have the same request. Although, I am a noobie (4 weeks php experience) also. I can understand php for the most part. I have done alot of internet searches on this stuff and it seems everybody wants to sell their "Image Gallery Script"? So, I found a really nice interface for users to upload images to a web directory. http://www.webdeveloper.com/forum/showthread.php?t=101466 Now, if there is a way to dynamically display thumbnails of the images uploaded that you guys know of. That'd be great!! I have seen alot of really slick DNN "Live content" pages that do this. Example here. http://www.texassharkrodeo.com/2008Teams/Rockstars/tabid/188/Default.aspx I think google is going to have to add another search engine just from the traffic I've been giving it trying to search for this stuff!!?!?! Anybody have any leads or links to some script? I am sure this has been asked on this forum before. But, I couldn't find anything on it doing the search. Quote Link to comment Share on other sites More sharing options...
marcus Posted February 19, 2008 Share Posted February 19, 2008 you can use glob Quote Link to comment Share on other sites More sharing options...
Skipjackrick Posted February 19, 2008 Share Posted February 19, 2008 you can use glob I found this script doing a search for "glob image gallery". Seems simple enough. Thanks for your help Marcus. <? /* Photo Gallery in a really short amount of time written and tested with PHP 5.0.4/ Apache2, RHE3 WS Demonstrates some basic techniques that can be used to create a simple photo gallery possible enhancements: support dynamic generation of thumbnails through a graphics library like gd or imagemagick provided for learning purposes only, use at your own risk */ // configurations //directory where large version images are kept $image_directory = 'images/'; //directory where thumbs are kept $thumb_directory = 'images/'; //prefix for large images, if any $image_prefix = ''; //prefix for thumbnail images // can leave empty or '' if in different folder with same names as larger versions etc $thumb_prefix = 't_'; //the number of thumbnails display per row $images_per_row = 5; //start of script //start by loading thumbnails $thumbs = glob($thumb_directory. "$thumb_prefix*"); // make sure we have found some thumbnails if((!is_array($thumbs)) || (!sizeof($thumbs))) die('There are no images'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Simple Photo Gallery</title> <style type="text/css"> body { background: #EEE; margin: 10px; } .outline { background: #FFF; border: solid 1px #DDD; } div { font-family: verdana, arial, sans-serif; font-size: 11px; color: #000; line-height: 17px; } </style> <script language="javascript" type="text/javascript"> function openimg(url,width,height,scroll) { if(!scroll) scroll = 0; if(!url) return false; var x = (screen.width) ? (screen.width - width)/2 : 0; var y = (screen.height) ? (screen.height - height)/2 : 0; var win = window.open(url, 'newino_'+ Math.round(100*Math.random()), 'width='+ width+ ',height='+ height+ ',left='+ x+ ',top='+ y+ ',toolbars=0,statusbar=0,scrollbars='+ scroll+ ',resizable=1'); return false; } </script> </head> <body> <table cellspacing="0" cellpadding="0" border="0" width="750" align="center" class="outline"> <tr><td align="left" valign="top"> <table cellspacing="0" cellpadding="5" border="0" width="750"> <tr> <? // the number of rows we have $rowcount = 1; //the total number of images displayed $imgcount = 1; // total number of images $numimages = sizeof($thumbs); // do the deed foreach($thumbs as $v) { // url/path for full size image $full_image = str_replace($thumb_prefix, $image_prefix, $v); // thumb properties using our extended getimagesizex $thumb_properties = getimagesizex($v); // image properties using our extended getimagesizex $image_properties = getimagesizex($full_image); // if we cant get the image properties skip it if((!$thumb_properties) || (!$image_properties)) continue; // file size etc description for image $desc = sprintf("%s (%sk)", basename($full_image), $image_properties['size']); print('<td align="center" valign="middle"><div>'); printf("<a href=\"%s\" onclick=\"openimg(this.href, %u, %u, 1); return false;\"><img src=\"%s\" %s border=\"0\"></a></div><div align=\"center\">%s</div></td>\n\t\t", $full_image, $image_properties['width'], $image_properties['height'], $v, $thumb_properties['attr'], $desc); // if we are displaying $image_per_row on this row, start a new row if(($imgcount % $images_per_row) == 0) { // but only if its not the last row if($imgcount % $numimages) { print("</tr><tr>\n\t\t"); } $rowcount++; } $imgcount++; } // make table columns even if the total number of images is not even compared to the number of image per row if($imgcount % sizeof($images)) { $offset = ($rowcount * $images_per_row) - $numimages; for($i = 0; $i < $offset; $i++) { print('<td align="center" valign="middle"> </td>'. "\n\t\t"); } } ?> </tr> </table> </td></tr> </table> </body> </html> <? // our extended getimagesizex function // adding additional information for images and putting an associative key for // the regular getimagesize integer keys function getimagesizex($image) { if(file_exists($image) && is_readable($image)) { $size = getimagesize($image); if(!is_array($size) || (!sizeof($size))) return(false); $result = array( 'width' => $size[0], 'height' => $size[1], 'type' => $size[2], 'attr' => $size[3], 'bits' => $size['bits'], 'channels' => $size['channels'], 'mime' => $size['mime'], 'size' => sprintf("%.2f", filesize($image) / 1024), ); return($result); } return(false); } ?> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.