Una imagen sube y quedan miniaturas abajo

[memoadian]

En ese caso es bastante similar, es más facil hacerlo con hash, de la forma del ejemplo requiere más programación del lado del servidor, como me da flojera explicarte, te mando como debería verse.

simplemente compruebo si la url tiene #imagen_x y con eso obtengo la url de la imagen que tiene como padre el href del link.

Código HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style type="text/css">
img{max-width:100%}
.principal{
    width:100%;
}
.galeria{
    width:100%
}
.galeria ul{
    list-style-type:none;
}
.galeria li{
    width:20%;
    margin:1.25%;
    float:left;
    cursor:pointer;
}
</style>
<script>
$(document).ready(function(){
    $('.galeria li a').click(function(){
        src = $('img', this).attr('src');
        img = $('<img>');
        img.attr('src', src);
        $('.principal').html(img);
    });
 
    var hash = window.location.hash;
    if(hash.length){
        src = $('a[href="'+hash+'"] img').attr('src');
        img = $('<img>');
        img.attr('src', src);
        $('.principal').html(img);
    }
});
</script>
<div class="principal">
    
</div>
<div class="galeria">
    <ul>
        <li>
            <a href="#imagen_1">
                <img src="http://www.fondosni.com/images/wallpapers/love_3d_design_widescreen-wide-51_1400x900.jpg"/>
            </a>
        </li>
        <li>
            <a href="#imagen_2">
                <img src="http://www.8wallpaper.com/newdesk/desk/1244009238980.jpg"/>
            </a>
        </li>
        <li>
            <a href="#imagen_3">
                <img src="http://www.zastavki.com/pictures/1440x900/2010/3D-graphics_3d_aquarium_026005_.jpg"/>
            </a>
        </li>
        <li>
            <a href="#imagen_4">
                <img src="http://www.fondos7.net/wallpaper-original/wallpapers/hongo-de-mario-bross-2055.jpg"/>
            </a>
        </li>
        <li>
            <a href="#imagen_5">
                <img src="http://1.bp.blogspot.com/-QQI9GhB6G-k/TpVyfCCh_4I/AAAAAAABdEk/jdsyIfVYAc4/s1600/halloween-wallpaper-marvel-zombies-secret-war-zombies.jpg"/>
            </a>
        </li>
        <li>
            <a href="#imagen_6">
                <img src="http://wallpaperart.org/images/Wallpaperartinterviewmartaiven/wallpaperart-1400x900.jpg"/>
            </a>
        </li>
    </ul>
</div>
 

si copias y pegas ese código en una página html cualquiera debe servir.