Простейший пример реализации галереи, без перезагрузки страницы.

Для начала добавим тэг в заголовки

По клику на изображения в

выполняем следующие действия:

сохраняем значение атрибута “href” в переменной “largePath”
сохраняем значение атрибута “title” в переменной “largeAlt”
заменяем в элементе значение атрибута “scr” и “alt” значениями из переменных “largePath” и “largeAlt”
так же присваиваем элементу “h2 em” значение из “largeAlt”

Code

$(document).ready(function(){
   
  $("h2").append('<em></em>')
   
  $(".thumbs a").click(function(){
   
  var largePath = $(this).attr("href");
  var largeAlt = $(this).attr("title");
   
  $("#largeImg").attr({ src: largePath, alt: largeAlt });
   
  $("h2 em").html(" (" + largeAlt + ")"); return false;
  });
   
  });

DEMO