HELP MEE HTML +CSS +JAVASCRIPT = GALERIA

Boa noite, estou criando uma galeria, usando html e css,  e quero fazer uma animação quando clico na miniatura que fica na parte inferior, sendo assim acontece uma animação rolando para baixo automaticamente, para isso é necessário um códico JavaScript e Jquery, mas quando eu coloco o códico não funciona, vou deixar imagens de como estou fazendo e o link de onde fiz.

link do vídeo,-- se colocarem no final vão saber como que eu quero--   tirem espaços : https://ww w .youtube.  com/wat ch?v=Q4odePg5zB8&t=498s

Aqui está o código JavaScript:

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>    

	        </script>

	        <script type="text/javascript">

	            $(document).ready(function(e) {

	            $('a').click(function(e){

	                    $('#rolagem').animate({

	                            scrolltop: $( $.attr(this, 'href') ).offset().top + $('#rolagem').scrolltop()

	                    }, 2000);

	                    return false;

	            });

	    });

	        </script>

	 

	**SOU NOVO AQUI, SE EU FIZ ALGO ERRADO ME AVISE**

	 

	Agradeço desde já´ :)