еще натыкался в интернете на такое решение добавления элемента в месте клика
body>
<div id="container" style="width: 250px; margin: 0 auto;">
<div id="box" style="position:relative; overflow-x: scroll; width: 250px;">
<img id="img" src="picture.jpg" />
</div>
</div>
</body>
var x=event.pageX, y=event.pageY;
var a=document.createElement('div');
a.className='myblock'; // параметры завел в стилевой файл
a.style.top=y-2+'px'; // координаты инфоблока буду на 2 пикселя левее-выше щелчка
a.style.left=x-2-(body.clientWidth-250)/2+parent.scrollLeft+'px'; // учитываем возможную прокрутку картинки относительно контейнера
parent.appendChild(a);
Не знаю, можно или нет давать ссылки, если нельзя уберу, вот источник
http://www.askdev.ru/question/10784/...B%D0%BE%D0%BC/