page-gallery.php

<?php
/*
Template Name: Gallery
*/
 get_header(); ?>
            
            <div id="content">
            
            <div class="row">
   <?php //get_sidebar(); ?>
    <!-- Main Blog Content -->
    <div class="twelve columns" role="content">

                        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                    
                        <article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?> role="article" itemscope itemtype="http://schema.org/BlogPosting">
                        
                                         
                            <section class="entry-content clearfix" itemprop="articleBody">
                                <?php the_content(); ?>
                            </section> <!-- end article section -->
                        
                            <footer class="article-footer">
            
                                <?php the_tags('<p class="tags"><span class="tags-title">Tags:</span> ', ', ', '</p>'); ?>
                            
                            </footer> <!-- end article footer -->
                            
                            <?php comments_template(); ?>
                    
                        </article> <!-- end article -->
                      <?php endwhile; ?>
                      <?php endif; ?>
            
                    </div> <!-- end #main -->
                    
                </div> <!-- end #inner-content -->
    
            </div> <!-- end #content -->

<?php get_footer(); ?>
       <script type="text/javascript">
            jQuery(document).ready(function($) {
                
                var $container = $('#sf_gallery'), $imgs = $container.find('img').show(), totalImgs = $imgs.length, cnt = 0;

                $imgs.each(function(i) {
                    var $img = $(this);
                    jQuery('<img/>').load(function() {++cnt;
                        if (cnt === totalImgs) {
                            $imgs.show();
                            $container.montage({
                                maxh : 320,
                                margin : 0
                            });
                        }
                    }).attr('src', $img.attr('src'));
                });
            });
</script>