title: Thumbnail Grid shows up in reverse order
body: <p>I have a wordpress site that uses a thumbnail grid (9 posts, 3 posts wide, responsive ) the featured image on each post creates the grid.</p>
  
  <p>My code that controls the grid is</p>
  
  <pre><code>&lt;?php
  /**
   * controls main grid images
   */
  ?&gt;
  
  &lt;article id="post-&lt;?php the_ID(); ?&gt;" &lt;?php post_class('col-md-4 col-sm-4 pbox '); ?&gt;&gt;
  
      &lt;div class = "box-ovrly"&gt;
        &lt;h2 class="box-title"&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;" rel="bookmark"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;
        &lt;div class="box-meta"&gt;&lt;?php the_category(', '); ?&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;?php
          $thumb = get_post_thumbnail_id();
          $img_url = wp_get_attachment_url( $thumb,'full' ); //get full URL to image (use "large" or "medium" if the images too big)
          $image = aq_resize( $img_url, 750, 560, true ); //resize &amp; crop the image
      ?&gt;
  
      &lt;?php if($image) : ?&gt;
      &lt;a href="&lt;?php the_permalink(); ?&gt;"&gt; &lt;img class="img-responsive" src="&lt;?php echo $image ?&gt;"/&gt;&lt;/a&gt;
      &lt;?php endif; ?&gt; 
  
  &lt;/article&gt;&lt;!-- #post-## --&gt;
  </code></pre>
  
  <p>It creates a grid but it shows up in the reverse order (9 to 1, instead of 1 to 9) This wouldn't be a huge deal but I have 'next' and 'previous' buttons which don't co-ordinate to the post. </p>
  
  <p>Ex. on my first post the 'previous' button shows up cause it thinks its on the 9th post, etc.</p>
  
  <p>the back/next menu is created with the following</p>
  
  <pre><code>function web2feel_content_nav( $nav_id ) {
  global $wp_query, $post;
  
  // Don't print empty markup on single pages if there's nowhere to navigate.
  if ( is_single() ) {
      $previous = ( is_attachment() ) ? get_post( $post-&gt;post_parent ) : get_adjacent_post( false, '', true );
      $next = get_adjacent_post( false, '', false );
  
      if ( ! $next &amp;&amp; ! $previous )
          return;
  }
  
  // Don't print empty markup in archives if there's only one page.
  if ( $wp_query-&gt;max_num_pages &lt; 2 &amp;&amp; ( is_home() || is_archive() || is_search() ) )
      return;
  
  $nav_class = ( is_single() ) ? 'post-navigation' : 'paging-navigation';
  
  ?&gt;
  &lt;nav role="navigation" id="&lt;?php echo esc_attr( $nav_id ); ?&gt;" class="&lt;?php echo $nav_class; ?&gt; row"&gt;
      &lt;h1 class="screen-reader-text"&gt;&lt;?php _e( 'Post navigation', 'web2feel' ); ?&gt;&lt;/h1&gt;
  
  &lt;?php if ( is_single() ) : // navigation links for single posts ?&gt;
  
      &lt;?php previous_post_link( '&lt;div class="nav-previous col-xs-6"&gt;%link&lt;/div&gt;', '&lt;span class="meta-nav"&gt;' . _x( '&amp;larr;', 'Previous post link', 'web2feel' ) . '&lt;/span&gt; %title' ); ?&gt;
      &lt;?php next_post_link( '&lt;div class="nav-next col-xs-6"&gt;%link&lt;/div&gt;', '%title &lt;span class="meta-nav"&gt;' . _x( '&amp;rarr;', 'Next post link', 'web2feel' ) . '&lt;/span&gt;' ); ?&gt;
  
  &lt;?php elseif ( $wp_query-&gt;max_num_pages &gt; 1 &amp;&amp; ( is_home() || is_archive() || is_search() ) ) : // navigation links for home, archive, and search pages ?&gt;
  
      &lt;?php if ( get_next_posts_link() ) : ?&gt;
      &lt;div class="nav-previous col-md-6"&gt;&lt;?php next_posts_link( __( '&lt;span class="meta-nav"&gt;&amp;larr;&lt;/span&gt; Older posts', 'web2feel' ) ); ?&gt;&lt;/div&gt;
      &lt;?php endif; ?&gt;
  
      &lt;?php if ( get_previous_posts_link() ) : ?&gt;
      &lt;div class="nav-next col-md-6"&gt;&lt;?php previous_posts_link( __( 'Newer posts &lt;span class="meta-nav"&gt;&amp;rarr;&lt;/span&gt;', 'web2feel' ) ); ?&gt;&lt;/div&gt;
      &lt;?php endif; ?&gt;
  
  &lt;?php endif; ?&gt;
  
  &lt;/nav&gt;&lt;!-- #&lt;?php echo esc_html( $nav_id ); ?&gt; --&gt;
  &lt;?php
  } 
  </code></pre>