esatto, l'idea sarebbe quella

Il codice scritto è in ogni caso errato perchè non apre le immagini, non ho ancora guardato il link che mi hai scritto ma in sostanza vorrei ottenere un loop delle thumbnails della categoria gallery che al cliccare sulla miniatura si apra l'immagine con le dimensioni originali in uno slide animato con jquery che esce da destra coprendo parzialmente la griglia delle thumbnails. In sintesi non so come aprire l'immagine originale in un determinato div e non in una nuova finestra

Come posso creare una galleria a griglia che cliccando sull'immagine di apre a tutto schermo con le dimensioni originali?
Questo è il loop che ho scritto:

                <ul class="grid swipe-down" id="grid">
                <?php query_posts('category_name=gallery'); ?>
                        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                    <li class="archivio-box slide-able">
                            <a href="#expand" title="<?php the_title_attribute(); ?>" class="item-gallery">                           
 <?php

$post_thumbnail_id = get_post_thumbnail_id( $post->ID);
if($post_thumbnail_id) {
the_attachment_link( $post_thumbnail_id );
} ?>

 <h3><?php the_title(); ?></h3>
                            </a>
                    </li>
                <div class="expand">                       <---------questo div si apre al click sull'immagine e vorrei che contenesse appunto                                                                                  ---------l'immagina a tutto schermo, ma adesso mi visualizza solo il contenuto del                                                                                 ------------primo post per ogni immagine
                   <?php the_content(); ?>         
                 </div>
                <?php endwhile; endif; ?>
                </ul>

Qualcuno sa consigliarmi una soluzione? (aggiungo che il div #expand si apre solo al click sul titolo dell'immagine, cliccando sull'immagine si apre la stessa a tutto schermo ma in una nuova finestra)
Ringrazio in anticipo

Grazie, hai ragione, così funziona.
Era molto più semplice di come l'avevo scritto

Ciao a tutti, sono da poco iscritta e spero possiate aiutarmi a risolvere questo errore. Di seguito copio il codice, in sostanza vorrei ottenere un loop che carichi tutti i post di una determinata categoria, "news", dividendoli tra pari e dispari e fino a qua ci sono però i post pari dovrebbero alternarsi a quelli dispari invece in questo modo mi carina prima tutti quelli dispari e successivamente tutti quelli pari. Come posso risolvere? Grazie in anticipo a tutti.

           <div class="wrapper-articoli row">
        <?php query_posts('category_name=news&orderby=date'); while(have_posts()) : ?>

<?php $i++; if(($i % 2) == 0) : $wp_query->next_post(); else : the_post(); ?>

            <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><div class="blocco-articolo  slide-able">
            <div class="news-articolo-img col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <?php the_post_thumbnail(); ?>
                <div class="news-articolo-title">
                        <h2>
                            <span>
                                <?php the_title(); ?>
                            </span>
                        </h2>
                </div>
            </div>
            <div class="news-articolo-contenuto col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <?php the_excerpt(); ?>
            </div>
        </div></a>

<?php endif; endwhile; ?>

<?php $i = 0; rewind_posts(); ?>

<?php query_posts('category_name=news'); while(have_posts()) : ?>
<?php $i++; if(($i % 2) !== 0) : $wp_query->next_post(); else : the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><div class="blocco-articolo slide-able">
<div class="news-articolo-contenuto col-lg-6 col-md-6 col-sm-12 col-xs-12">
<?php the_excerpt(); ?>
</div>

            <div class="news-articolo-img col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <?php the_post_thumbnail(); ?>
                <div class="news-articolo-title">
                        <h2>
                            <span>
                                <?php the_title(); ?>
                            </span>
                        </h2>
                </div>
            </div>
         </div></a>

<?php endif; endwhile; ?>
</div>