На jQuery относительно легко < div id="gallery"> < div id="big">/img/c.gif< div id="small"> < a href="images/gal/1.jpg">/img/c.gif/img/c.gif< a href="images/gal/3.jpg">/img/c.gif< a href="images/gal/4.jpg">/img/c.gif< /div> < /div> Сначала определяем объект – это ссылки. Первым делом их нужно отобрать - $(“#small a”). Нужно также предотвратить обычное поведение ссылки – открытие в новом окне - eventObject. $(“#small a”).click(function(eventObject) { }); Третья часть уравнения – необходимые действия. Большая картинка при щелчке по ссылке должна прятаться и вместо нее появляться та, на которую ссылается гиперссылка. Т. е. при щелчке по ссылке нужно поменять атрибут src у основной картинки. $(“#small a”).click(function(eventObject) { $(“#big img”).hide().attr(“src”,$(this).attr(“href”)); $(“#big img”).load(function() { $(this).fadeIn(2000); }); eventObject.preventDefault(); });