Сайт, на который вы ссылаетесь, использует изображение, расположенное поверх изображения с кликвентом
Что-то вроде
<a href="#" class="quicklink"><img src="item1.jpg" /></a>
<a href="#" class="quicklink"><img src="item2.jpg" /></a>
<a href="#" class="quicklink"><img src="item3.jpg" /></a>
...
<img src="button.jpg" id="button" style="dispaly:none;" />
С помощью скрипта что-то вроде:
function handler(){
//possible event for button
}
$(function(){
$('a.quicklook').mouseover(function(){
$('#button').css({position:'absolute',top:$(this).offset().top+'px',right:$(this).offset().right+'px'})
.show().bind('click',handler);
}).mouseout(function(){
$('#button').hide();
});
});
Но с большей информацией о положении, она просто помещает ее в верхний левый угол тега (надеюсь).
Я бы использовал что-то похожее, но, возможно, со стилем и ссылкой внутри того же контейнера, что и ссылка, чтобы я мог стилизовать его перед тем, как его скрыть и добавить сценарии, а также возможность для обратно-совместимых браузеров, не поддерживающих JavaScript, если они все еще существуют ( Я знаю, что вы всегда можете выключить его)