Overriding the default IMAGE GALLERY page layouts when using the image.module

Do you guys know if there's a way to add some text to the thumbnails?

Also... my next page stuff doesn't work... http://www.steelveils.com/?q=image

Some questions: In order to get a description in with the thumbnails, I had to hardcode it in, but I forgot that it would need to be different for different "albums". Is there a way to write an if statement or something so it will change?
(the description with the prints all can be the same, but not with collections, see link)

Also, the next and previous links don't work. Any ideas how to fix this?

And lastly... is there a way to limit how many images are shown on the page? I tried adjusting 'image_images_per_page', 6 (the 6 there) but that didn't do anything.

Here's the reference: http://www.steelveils.com/?q=image
(warning: artistic nudity)

If I get all this working, I'm seriously considering writing a tutorial. :)

thanks,
~M

www.steelveils.com

Normally, I would just add a function as such:

function themename_image_gallery($galleries, $images) {

and this would override the theme call in the module. This is how I would do it to override theme_node and theme_block. But it isn't working for the image module. Is there something different about theming modules?

Opening the gallery using something like image/29 where 29 is the id of the main gallery
will produce some kind of teaser list.

what I would like to have is a list in the form:

Gallery1
image1 image2 image3

Gallery2
image1 image 2

Gallery3
...

can somebody help for the first steps

some images are too big for my theme. i'd like them to pop up as separate windows. any idea how to code that? i am using 4.7.

I am trying to change an image's Alt tag to o Node Word (meta tag). Can't seem to find where the Alt tags are implemented. Is it in the 'image.module' file? Any help would be gratefully appreciated.

I'm using 4.7.4 and want to avoid modifying image_gallery.module so have done the following:

Added code to template.php:

/**
* Catch the theme_image_gallery function, redirect through the template api
* and point Drupal to your image_gallery.tpl.php file to determine the layout
* of your image gallery pages.
*/
function phptemplate_image_gallery($galleries, $images) {
  // Pass to phptemplate, including translating the parameters to an associative array. The element names are the names that the variables
  // will be assigned within your template.
  /* potential need for other code to extract field info */
return _phptemplate_callback('image_gallery', array('galleries' => $galleries, 'images' => $images));
  }

Created new image_gallery.tpl.php and added code:

<?php
/**
 * Theme a gallery page
 */
  // We'll add height to keep thumbnails lined up.
  $size = _image_get_dimensions('thumbnail');
  $width = $size['width'];
  $height = $size['height'];

  $content = '';
  if (count($galleries)) {
    $content.= '<ul class="galleries">';
    foreach ($galleries as $gallery) {
      // $content .= '<li style="height : '.$height .'px">';
      if ($gallery->count)
        $content.= l(image_display($gallery->latest, 'thumbnail'), 'image/tid/'.$gallery->tid, array(), NULL, NULL, FALSE, TRUE);
      $content.= "<h3>".l($gallery->name, 'image/tid/'.$gallery->tid) . "</h3>\n";
      $content.= '<div class="description">'. check_markup($gallery->description) ."</div>\n";
      $content.= '<p class="count">' . format_plural($gallery->count, 'There is 1 image in this gallery', 'There are %count images in this gallery') . "</p>\n";
      if ($gallery->latest->changed) {
        $content.= '<p class="last">'. t('Last updated: %date', array('%date' => format_date($gallery->latest->changed))) . "</p>\n";
      }
      $content.= "</li>\n";
    }
    $content.= "</ul>\n";
  }

  if (count($images)) {
    $height += 75;
    $content.= '<ul class="images">';
    foreach ($images as $image) {
      $content .= '<li';
      if ($image->sticky) {
        $content .= ' class="sticky"';
      }
      $content .= ' style="height : '.$height .'px; width : '.$width.'px;"';
      $content .= ">\n";
      $content .= l(image_display($image, 'thumbnail'), 'node/'.$image->nid, array(), NULL, NULL, FALSE, TRUE);
      $content .= '<br />'.l($image->title, 'node/'.$image->nid);
      if (theme_get_setting('toggle_node_info_' . $image->type)) {
        $content .= '<div class="author">'. t('Posted by: %name', array('%name' => theme('username', $image))) . "</div>\n";
        if ($image->created > 0) {
          $content .= '<div class="date">'.format_date($image->created)."</div>\n";
        }
      }
      $content .= "</li>\n";
    }
    $content.= "</ul>\n";
  }

  if ($pager = theme('pager', NULL, variable_get('image_images_per_page', 6), 0)) {
    $content.= $pager;
  }

  If (count($images) + count($galleries) == 0) {
      $content.= '<p class="count">' . format_plural(0, 'There is 1 image in this gallery', 'There are %count images in this gallery') . "</p>\n";
  }

  return $content;
?>

When I navigate to my galleries, nothing displays though. Can anyone tell me what I'm doing wrong?

I've tried to display the images in chronological order, but couldn't find a way... Is there a good way (via template files) to modify the node list order?

I've followed the instructions at http://drupal.org/node/41257 for version 5. I managed to theme the image gallery page. However I would like to a comment link right below each of the thumbnails. The base_url won't print. Please help me check out the code. See below:

$content .= '<br /><a href="'.$base_path.'/comment/reply/'.$image->nid.'#comment-form" class="comment-link">Add comment ('.$image->comment_count.')</a>';

The problem I'm facing now is that I'm not able to get the base_url to be inserted to the url. I know that I can type in the url manual but I will be better if can insert the $base_path into the url.

Any help plz?

This doesn't work for me on 5.2, I get this error:

Fatal error: Call to undefined function _image_get_dimensions() in /Applications/xampp/xamppfiles/htdocs/site/themes/new_theme/image_gallery.tpl.php on line 204

In order for the image gallery formatting template to work for me:

Line #2

Change: $size = _image_get_dimensions('thumbnail'); [to] $size = _image_get_sizes('thumbnail');

Line #38

Change: format_name ($image) [to] theme_username($image)

And the new formatting changes now work.. This is in Drupal V. 5.2 .

RAD

In my case, I had to make 2 additional small changes to image_gallery.tpl.php in order to get it working... I wanted to mention them here in case anyone else runs into the same thing.
My configuration includes: Drupal 5.2 and Image 5.x-1.5

When I added the Drupal 5 code from http://drupal.org/node/41257 and applied the changes to Lines 2 and 38 mentioned above, I loaded mysite.com/image/tid/1 and the Posted by: user name portion's html tags were printing out on the page and the link didn't work. I checked the similar line in the current image_gallery.module file, and it seems the parts in Line 38 that says @name needs to be changed to !name ... just change both instances of @name in Line 38 and it should work.

Alternately, if you prefer not to display the "Posted by" part with every image, just completely delete Lines 37 though 40.

-- Dave
absolutecross.com

hi,

how can i sort the images? or how are the images displayed?

thanks!
-will

This is what works for me with drupal 5.7 and image 5.x-1.7 the code at http://drupal.org/node/41257 made my sub albums disappear when adding a photo to a particular album/gallery where the sub album was located.

<?php
drupal_add_css(drupal_get_path('module', 'image_gallery') .'/image_gallery.css');
$size = _image_get_sizes('thumbnail');
  $width = $size['width'];
  $height = $size['height'];



  $content = '';
  if (count($galleries)) {
    $content .= '<ul class="galleries">';
    foreach ($galleries as $gallery) {
      $content .= '<li class="clear-block">';
      if ($gallery->count) {
        $content .= l(image_display($gallery->latest, IMAGE_THUMBNAIL), 'image/tid/'. $gallery->tid, array(), NULL, NULL, FALSE, TRUE);
      }
      $content .= "<h3>". l($gallery->name, 'image/tid/'. $gallery->tid) ."</h3>\n";
      $content .= '<div class="description">'. check_markup($gallery->description) ."</div>\n";
      $content .= '<p class="count">'. format_plural($gallery->count, 'There is 1 image in this gallery', 'There are @count images in this gallery') ."</p>\n";
            // start: sub-gallery links
      $children = taxonomy_get_children($gallery->tid);
      if(count($children)) {
        $content.= '<div style="font-weight: bold;">Sub-galleries:</div><ul class="subgalleries">';
        foreach($children as $child) {
          $content.= '<li>'.l($child->name, 'image/tid/'.$child->tid).'</li>'; 
        }
        $content.= "</ul>\n";
      }
      // end: sub-gallery links
      
      if ($gallery->latest->changed) {
        $content .= '<p class="last">'. t('Last updated: %date', array('%date' => format_date($gallery->latest->changed))) ."</p>\n";
      }
      $content .= "</li>\n";
    }
    $content .= "</ul>\n";
  }

  if (!empty($images)) {
    $content .= '<ul class="images">';
    foreach ($images as $image) {
      $content .= theme('image_gallery_img', $image, $size);
    }
    $content .= "</ul>\n";
  }

  if ($pager = theme('pager', NULL, variable_get('image_images_per_page', 6), 0)) {
    $content .= $pager;
  }

  If (count($images) + count($galleries) == 0) {
      $content .= '<p class="count">'. format_plural(0, 'There is 1 image in this gallery', 'There are @count images in this gallery') ."</p>\n";
  }

 print $content;

?>

I'm trying to build my own custom node-image-gallery.tpl files for 6.1
did anyone else test this already with 6.1 ?

Any help on building a custom image.tpl.php for drupal 6.1 ?

I have an additional custom Image Size labeled "Custom". How do I make the gallery use that image instead of the thumbnail?

Hi all,

i am trying to overriding image gallery with default layout. with following code

function phptemplate_image_gallery($galleries, $images) {
   return theme_render_template('path/to/your/theme/image_gallery.tpl.php', array('galleries' => $galleries, 'images' => $images));
}

i did added this code in my template.php file with in my theme directory and then make

image_gallery.tpl.php file in same folder and write these code

  drupal_add_css(drupal_get_path('theme', 'name_of_your_theme') .'/image_gallery.css');

  $size = image_get_sizes(IMAGE_THUMBNAIL);

  $content = '';
  if (count($galleries)) {
    $content .= '<ul class="galleries">';
    foreach ($galleries as $gallery) {
      $content .= '<li class="clear-block">';
      if ($gallery->count) {
        $content .= l(image_display($gallery->latest, IMAGE_THUMBNAIL), 'image/tid/'. $gallery->tid, array('html' => TRUE));
      }
      $content .= "<h3>". l($gallery->name, 'image/tid/'. $gallery->tid) ."</h3>\n";
      $content .= '<div class="description">'. check_markup($gallery->description) ."</div>\n";
      $content .= '<p class="count">'. format_plural($gallery->count, 'There is 1 image in this gallery', 'There are @count images in this gallery') ."</p>\n";
      if ($gallery->latest->changed) {
        $content .= '<p class="last">'. t('Last updated: %date', array('%date' => format_date($gallery->latest->changed))) ."</p>\n";
      }
      $content .= "</li>\n";
    }
    $content .= "</ul>\n";
  }

  if (!empty($images)) {
    $content .= '<ul class="images">';
    foreach ($images as $image) {
      $content .= theme('image_gallery_img', $image, $size);
    }
    $content .= "</ul>\n";
  }

  if ($pager = theme('pager', NULL, variable_get('image_images_per_page', 6), 0)) {
    $content .= $pager;
  }

  if (count($images) + count($galleries) == 0) {
      $content .= '<p class="count">'. format_plural(0, 'There is 1 image in this gallery', 'There are @count images in this gallery') ."</p>\n";
  }

  print $content;

then i clear my cache from admin.

and refresh page. blank page showing now

plz help me.