Since I posted the above question I have got this far, however image doesn't scroll up to top.
So far I have this
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
<body>
<div style="width: 600px">
<ul>
<li id="1"><a onClick="goToByScroll('2')" href="javascript:void"><img style="width: 400px; margin:100px" src="Untitled17.jpg" alt=""></a></li>
<li id="2"><a onClick="goToByScroll('3')" href="javascript:void"><img style="width: 400px; margin:1000px 100px" src="Untitled9.jpg" alt=""></a></li>
</ul>
</div>
</body>
can anyone see my mistake?
thanks
angela