Shadowbox Gallery DIRECT from Post Thumbnail link

Oh wait. Okay – you haven’t quite got it yet. Neither have I.

So far, I have this:

<div class="entry-content">
					<?php childtheme_post_header() ?>
<?php

$args = array(
	'post_type' => 'attachment',
	'numberposts' => 1,
	'post_status' => null,
	'post_parent' => $post->ID
	); 

$attachments = get_posts($args);
	if ($attachments) {
	foreach ($attachments as $attachment) { ?>
		<a href="<?php echo wp_get_attachment_url($attachment->ID); ?>" rel="shadowbox[<?php echo $post->post_name; ?>]"><span class="slide-title"><?php echo the_title(); ?></span>
                    <img class="thumbnail" src="<?php if(get_post_meta($post->ID, 'thumbnail', $single = true)){echo get_post_meta($post->ID, 'thumbnail', $single = true);} else{bloginfo('url'); echo "/wp-content/themes/gallery/images/thumbnail-default.jpg";} ?>" width="125" height="125" alt="<?php echo the_title() ?>" /></a>
		<?php }
	}

?>					

<span class="hide"
<?php

$args = array(
	'post_type' => 'attachment',
	'numberposts' => -1,
	'offset' => 1,
	'post_status' => null,
	'post_parent' => $post->ID
	); 

$attachments = get_posts($args);
	if ($attachments) {
	foreach ($attachments as $attachment) { ?>
		<a href="<?php echo wp_get_attachment_url($attachment->ID); ?>" rel="shadowbox[<?php echo $post->post_name; ?>]"><img src="<?php echo wp_get_attachment_url($attachment->ID); ?>" alt="" /></a>
		<?php }
	}

?>
</span>

				</div>

It’s a bit messy right now, and it’s sort of doing what it’s supposed to. It’s at least grabbing all of the images from the single post. I haven’t quite figured out how to grab the first part of the foreach, and apply the first attachment id to that first link, and then hide the rest of the attachments without creating duplicates.

Just had a more competent programmer look at it and clean it up. Here’s the Index Function for the Gallery theme, cleaned up to behave like http://eric-powell.com.

// Creating the content for the INDEX
function remove_index_loop() {
  remove_action('thematic_indexloop', 'thematic_index_loop');
}
add_action('init', 'remove_index_loop');

function gallery_index_loop() {
  global $post;
  /* Count the number of posts so we can insert a widgetized area */ $count = 1;
  while ( have_posts() ) : the_post() ?>

			<div id="post-<?php the_ID() ?>" class="<?php
			thematic_post_class();
			if(function_exists('p75GetVideo')){
		    if(p75GetVideo($post->ID)){
				  echo " video";
				}
			}
			?>">
				<div class="entry-content">
					<?php childtheme_post_header() ?>

<?php
    $attachments = get_posts( array(
        'post_type' => 'attachment',
		'orderby' => menu_order,
		'order' => ASC,
        'post_status' => null,
        'post_parent' => $post->ID
    ));

    $first_attachement = array_shift( $attachments );

	if( $first_attachement ) { ?>
		<?php $first_img_name = apply_filters('the_title', $first_attachement->post_title); ?>
        <a href="<?php echo wp_get_attachment_url($first_attachement->ID); ?>" rel="shadowbox[<?php echo $post->post_name; ?>]" title="<?php echo $first_img_name; ?>"><span class="slide-title"><?php echo the_title(); ?></span>
        <img class="thumbnail" src="<?php if(get_post_meta($post->ID, 'thumbnail', $single = true)){echo get_post_meta($post->ID, 'thumbnail', $single = true);} else{bloginfo('url'); echo "/wp-content/themes/gallery/images/thumbnail-default.jpg";} ?>" width="125" height="125" alt="<?php echo the_title() ?>" /></a>
	<?php }
?>

<span class="hide">
    <?php
        if( $attachments ) {
            foreach ($attachments as $attachment) { ?>
            	<?php $sbox_img_name = apply_filters('the_title', $attachment->post_title); ?>
                <a href="<?php echo wp_get_attachment_url($attachment->ID); ?>" rel="shadowbox[<?php echo $post->post_name; ?>]" title="<?php echo $sbox_img_name; ?>" ><img src="<?php echo wp_get_attachment_url($attachment->ID); ?>" alt="" /></a>
            <?php }
        }
    ?>
</span>
				</div>
			</div><!-- .post -->

    <?php comments_template();

    if ($count==$thm_insert_position) {
      get_sidebar('index-insert');
    }
    $count = $count + 1;
  endwhile;
}
add_action('thematic_indexloop', 'gallery_index_loop');
// End of INDEX

The code in the post directly above can be copied and pasted directly into your functions.php file in your theme folder, over the section that starts with

// Creating the content for the INDEX

and ends with

// End of INDEX

That should do what you want it to. if not, drop me a line over at http://www.march1studios.com

Using the above code inserted into functions.php in the gallery theme. Shadowbox.js plugin installed. I want to use this specifically to launch video from the thumbnail. So far so good. It works – sort of. The problem I have is that I cannot seem to change the scaling of the video. The shadowbox defaults to a specific size not at all in relation to the video size.

I’ve changed the plugin settings. I’ve used the following tag parameters to define the video size:

My Movie

And yet it will not budge!

I had the p75 simple video embedder installed but found using the embedding window with specific quicktime embedding code had no effect. I unistalled simple video embedder and the video still launched okay, but again the wrong size.

Any suggestions?

I found a partial solution. In the functions.php code insert from above there is a call to shadowbox twice:

rel=”shadowbox[<?php echo $post->post_name; ?>]

by changing it to this:

rel=”shadowbox;height=405;width=720[<?php echo $post->post_name; ?>]

I get the correct h/w of the video… However this fixes that h/w for all videos. Substituting “auto” breaks shadowbox. Anyone?