Mostrar imagen grande al hacer click en miniatura

[CorpseOfSteel]

Hola, veréis estoy haciendo una web donde se muestran varias miniaturas en el index, pero lo que no consigo hacer es que cuando haga click en una miniatura me abra esa misma imagen en grande. Este es el código que uso para las miniaturas:

Código PHP:

   <?php query_posts('cat=1'); ?> 
    <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>    
    <?php 
  $args = array( 
  'post_type' => 'attachment', 
  'post_mime_type' => 'image', 
  'numberposts' => -1, 
  'order' => 'ASC', 
  'post_status' => null, 
  'post_parent' => $post->ID 
  ); 
  $attachments = get_posts($args); 
  if ($attachments) { 
        foreach ($attachments as $attachment) { 
            $image = wp_get_attachment_image_src( $attachment->ID );  
            $miniatura= '<img src="'.$image[0].'" width="'.$image[1].'" height="'.$image[2].'" alt="'.get_the_title().'" title="'.get_the_title().'" />'; 
            break; 
         } 
  } 
  ?> 
<a href="AQUI TENGO QUE SACAR LA IMAGEN EN GRANDE"><?php echo($miniatura); ?></a> 
 
<?php endwhile; ?>   

Llevo varios días intentándolo y no lo consigo, se que hay funciones que deberían sacar la imagen ampliada pero no lo consigo. Agradecería muchísimo alguna ayuda. Muchas gracias de antemano!!!

[pleter]

coloca

Código PHP:

  <?php echo($miniatura); ?>   

donde dice AQUI TENGO QUE SACAR LA IMAGEN EN GRANDE

creo que queda algo asi:

Código PHP:

 <a href="<?php echo($image); ?>"><?php echo($miniatura); ?></a>  

[CorpseOfSteel]

Iniciado por pleter

coloca

Código PHP:

  <?php echo($miniatura); ?>   

donde dice AQUI TENGO QUE SACAR LA IMAGEN EN GRANDE

creo que queda algo asi:

Código PHP:

 <a href="<?php echo($image); ?>"><?php echo($miniatura); ?></a>  

Hola, gracias por tu respuesta, pero el código que saca es la palabra "Array":

Código HTML:

<a href="Array"><img src="http://www....

[CorpseOfSteel]

Bueno al final he hecho un poco chapuza pero que funciona, para quien pueda interesar.

Las miniaturas tenían nombres como /imagen-100x150.jpg
Y las imágenes originales que necesitaba tenían nombres como /imagen.jpg

Así que con PHP le he quitado los últimos caracteres de la cadena y luego le he añadido la terminación.

Código PHP:

  <?php 
$mini = "$image[0]";          
$num = 12;          
$grande = substr($mini, 0, -$num); 
$formato = substr($mini,-4); 
?> 
 
<a href="<?php echo($grande);echo($formato); ?>"><?php echo($miniatura); ?></a>  

Si hay alguna forma de mejorar ese código también lo agradecería, ya que yo no sé PHP y está hecho 'a mi manera'.

Un saludo!

[metacortex]

Prueba así CorpseOfSteel:

Código PHP:

<?php query_posts('cat=1'); ?>
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>   
<?php
$args = array(
    'post_type' => 'attachment',
    'post_mime_type' => 'image',
    'numberposts' => 1,
    'order' => 'menu_item',
    'post_parent' => get_the_ID()
);
$attachments = get_posts($args);
if ($attachments) {
    foreach ($attachments as $attachment) {
        $mini = wp_get_attachment_image_src( $attachment->ID, 'thumbnail' ); 
        $grande = wp_get_attachment_image_src( $attachment->ID, 'full' ); 
        $miniatura= '<img src="'.$mini[0].'" width="'.$mini[1].'" height="'.$mini[2].'" alt="'.get_the_title().'" title="'.get_the_title().'" />' ."\n";
    }
}
?>
<a href="<?php echo $grande[0] ?>"><?php echo $miniatura ?></a>
<?php endwhile; endif; ?>