Integrating Gallery into MovableType - a tutorial

I spent many hours today getting this working. It grabs the last 5 images from my nested album and displays them acrossed my movable type blog.

pthree
http://diversionmary.com

Blog is here http://diversionmary.com/dmblog/
Gallery is here http://diversionmary.com/gallery/art
This is what it looks like in raw php form http://diversionmary.com/dmblog/test.php

And the php/source to do this is such: http://diversionmary.com/dmblog/test.phps

<?
/*
* This little example prints a sorted directory
* listing, with dirs first and files afterwards.
*/

// Open current directory

if($handle = opendir("../albums/drawings")){
// Loop through all files
while(false !== ($file = readdir($handle))){

// Ignore hidden files
if(preg_match ("/thumb/", $file)){

// Put dirs in $dirs[] and files in $files[]
if(is_dir($file)){
$dirs[] = $file;
}else{
$files[] = $file;
}
}
}

// Close directory
closedir($handle);
// if $files[] exists, sort it and print all elements in it. $i = 0;
if(is_array($files)){
rsort($files);
while ($i < 5) {
$test = substr($files[i],0,3); $target_dir="../gallery/drawings";
$thumb_dir="../albums/drawings";
$target_url=substr($files[$i], 0, 3);
echo "<a href=".$target_dir."/".$target_url."><img
src=".$thumb_dir."/".$files[$i]."></a><br> ";
echo "";
$i++;
}
}
}

?>

hmm weird, can you show me the page? If you toss an "s" after .php (.phps) it is color coded legible source. Perhaps you could try starting over with the source i've included below. Please make note of absolute paths to gallery albums and change to your paths. this will probably alleviate your problems. I also commented things out, so that it would be easier to read and modify. If you have any additional problems please feel free to contact me.

In addition this is what i've monkied my code into, it uses css2 code's to size the image width to 60px, height constrained proportion of that.

here is example:
http://diversionmary.com/dmblog/monkey.php

here is source to example:
http://diversionmary.com/dmblog/monkey.phps

and here is source:

<?
/*
* This grabs all thumbnails from a specified directory
* sorts them in reverse order and displays the last 7 files
* The files are displayed with their thumbnail href'd to the gallery page
* and the images are auto-sized down to 60pixels width, auto-height using
* css2
*/

// Open nested album absolute path

if($handle = opendir("/home/p/pthree/diversionmary.com/albums/drawings")){
// Loop through all files
while(false !== ($file = readdir($handle))){

// Ignore hidden files
if(preg_match ("/thumb/", $file)){

// Put dirs in $dirs[] and files in $files[]
if(is_dir($file)){
$dirs[] = $file;
}else{
$files[] = $file;
}
}
}

// Close nested album
closedir($handle);
// if $files[] exists, sort it and print last N elements in it, reverse order.
$i = 0;
if(is_array($files)){
rsort($files);
//specify how many items should be displayed
while ($i < 7) {

//specify where the nested album is displayed
$target_dir="http://diversionmary.com/gallery/drawings";

//specify where the item's thumbnail exists
$thumb_dir="http://diversionmary.com/albums/drawings";

//specify the object's identity for href, do not modify
$target_url=substr($files[$i], 0, 3);

//specify how the output will look. currently thumbnails will be 60px wide
//with 2 line breaks.
echo "<a href=".$target_dir."/".$target_url."><img
src=".$thumb_dir."/".$files[$i]." style="width: 60px"></a><br><br>";
echo "";
$i++;
}
}
}

?>

i have commented the source, monkey.phps but im not going to paste here as ive already cluttered the forum enough :smile:
http://diversionmary.com/dmblog/monkey.phps

looks like you got it.

yeah i ended up going with a 0, -9 substr for another person's site (he was matching movable type entries to like-named jpg's) the 0, 3 substr is really only useful if you are pointing to an "album" within gallery (as it forms its url with a 3 letter abbrev) glad you got what you needed working though. perhaps you can post a url to a finished page that is using that code as an example for other people?

1.

i get this same thing, but it is because the album i want to use has a nested album within it. so i get links, with no thumbnail. i'd rather it ignored the links that go to sub albums... hmpf.

2. i was wondering about a way to integrate this in a moveabletype category template. where you'd have a MTCategory name and gallery album name the same, so you could include something like this in your Category Archive template: (assuming you use PHP for your MT archive pages)

$category = <$MTArchiveTitle$>   
...
if($handle = opendir('/pathto/gallery/albums/drawings'.$category)){ 
...
 $thumb_dir='http://website.com/gallery/albums/'.$category; 
(etc)

Sad News : This works only if you do not have spaces in your category names, because moveabletype and gallery 'dirify' in different ways.

Is the MT dirify method better? using _ underscores instead of - dashes... because if you want to use these same names in an XML file for example, or for other uses... the _ won't be misconstrued ...

Does anyone know if there is a way to change the way Gallery 'dirifies' the names?

I built off pthree's code a bit. This picks ten random images from all the albums in your /albums directory (including all subdirectories), displays the thumbnail, then links to the corresponding medium-sized photo in the gallery album.

Unfortunately, I don't have the coding prowess to enable exceptions (ie, private albums, etc), so if any of you have thoughts, they'd be much appreciated.

CF

<? 
$num = 10;

$DirectoriesToScan = array(realpath('./albums/'));
$DirectoriesScanned = array();
while (count($DirectoriesToScan) > 0) {
	foreach ($DirectoriesToScan as $DirectoryKey => $startingdir) {
		if ($dir = @opendir($startingdir)) {
			while (($file = readdir($dir)) !== false) {
				if (($file != '.') && ($file != '..')) {
					$RealPathName = realpath($startingdir.'/'.$file);
					if (is_dir($RealPathName)) {
						if (!in_array($RealPathName, $DirectoriesScanned) && !in_array($RealPathName, $DirectoriesToScan)) {
							$DirectoriesToScan[] = $RealPathName;
						}
					} 
					elseif (is_file($RealPathName) && eregi(".thumb.jpg", $file)) {
						$Directories[] = substr($RealPathName, 13);
						$FilesInDir[] = $file;
					}
				}
			}
		closedir($dir);
		}
	$DirectoriesScanned[] = $startingdir;
	unset($DirectoriesToScan[$DirectoryKey]);
	}
}

$FilesInDir = array_unique($FilesInDir);
sort($FilesInDir);
$random = array_rand($FilesInDir, $num+1);

$i = 1;

while ($i < $num) { 
	echo "<table border=0 cellspacing=1 cellpadding=3 bgcolor=333333><tr><td bgcolor=FFFFFF><a href=/gallery/".substr($Directories[$random[$i]],8,-10)."><img src=".$Directories[$random[$i]]." border=0></a></td></tr></table><br>"; 
	$i++; 
}
?>

I made a modification because of browsers caching the location tag (so going to the same page over and over wouldn't cycle the images unleas reload was pressed). This reads the image straight out and passes it directly to the browser while setting the expires to force revalidation.

<?php
if (!empty($HTTP_GET_VARS["GALLERY_BASEDIR"]) ||
    !empty($HTTP_POST_VARS["GALLERY_BASEDIR"]) ||
    !empty($HTTP_COOKIE_VARS["GALLERY_BASEDIR"])) {
  print _("Security violation") ."\n";
  exit;
}

if (!isset($GALLERY_BASEDIR)) {
  $GALLERY_BASEDIR = './';
}

require($GALLERY_BASEDIR . 'init.php');

$albumDB = new AlbumDB(FALSE);
$numAlbums = $albumDB->numAlbums($gallery->user);

while (1) {
  $visible = $albumDB->getVisibleAlbums($gallery->user);
  $random = array_rand($visible, 1);
  $albumName = $visible[$random]->fields["name"];
  $album = $albumDB->getAlbumbyName($albumName);
  $numPhotos = $album->numPhotos(0);

  if ($numPhotos == 0) {
    continue;
  }

  $randPhoto = rand(1, $numPhotos);
  $photo = $album->getPhoto($randPhoto);

  if ($photo->isHidden()) {
    continue;
  }

  $thumbnail = $gallery->app->albumDir .  "/" . $albumName . "/" .
               $photo->thumbnail->name . "." . $photo->thumbnail->type;

  header("Content-Type: image/jpeg");
  header("Content-Length: " . (string)(filesize($thumbnail)));

  $fd = fopen($thumbnail, "r");
  fpassthru($fd);
  exit();
}

?>

As before, you have to reference each instance uniquely or the browser will just dup the same image out multiple times, so :

<img src="/gallery/random_photo.php?1">
<img src="/gallery/random_photo.php?2">
<img src="/gallery/random_photo.php?3">