Instagram feed with Grid Rotator.js

<script type="text/javascript">var userFeed = new Instafeed({    get: 'user',    userId: **********,    accessToken: '*************',       template: '<a href="{{link}}"><img src="{{image}}" /></a>'});userFeed.run();$('#instafeed').cycle({    fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...});

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.gridrotator.js"></script><script type="text/javascript">         $(function() {$( '#instafeed' ).gridrotator( {                animSpeed : 300,                animType : 'rotateBottom',                w320 : {                    rows : 3,                    columns : 4                },                w240 : {                    rows : 3,                    columns : 3                },                slideshow : false,                onhover : true            } );</script>

Im trying to create an instagram feed with rotating effect so i used instafeed.js and gridrotator.js but it seems to be not working. I have the instafeed working but not the gridrotator.