Sorry, here is the code I tried (without success):
<?php get_header(); ?>
<div id="container">
<div id="content">
<section id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<article>
<ul id="og-grid" class="og-grid">
<?php query_posts('cat=22&showposts=9'); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post();?>
<li><a href="<?php the_permalink();?>" data-largesrc="<?php echo get_post_meta($post->ID, "large_img", $single = true); ?>" data-title="<?php the_title(); ?>" data-description="<?php the_excerpt();?>"><img src="<?php echo get_post_meta($post->ID, "the_thumbnail", $single = true); ?>" alt=""/></a></li>
<?php endwhile; ?>
<?php endif; ?>
</ul>
</article>
</section>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/grid.js"></script>
<script>
$(function() {
Grid.init();
});
</script>
<?php wp_reset_query(); ?>
<?php get_footer(); ?>