背景画像をスライドさせたい

背景画像をスライドさせるべく、

こちらのサイトを参考にwordpressにVegasというJqueryを組み込んでみましたが
画像すら表示されません。
ソースを見ても何も出力されていません。
どこが悪いでしょうか？

header.php

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory') ;?>/vegas.min.js"></script>
<script type="text/javascript">
jQuery( '.slidebox' ).vegas({
    slides: [
        { src: "<?php bloginfo('template_url'); ?>/img/main1.png" },
        { src: "<?php bloginfo('template_url'); ?>/img/main2.png" },
        { src: "<?php bloginfo('template_url'); ?>/img/main3.png" }
    ]
});
</script>

スライドを表示させるテンプレート

<div class="slidebox">
</div>

CSS

.slidebox{
	width:100%;
	min-height:500px;
	position:relative;
	background-position:50% 0;
	background-repeat:no-repeat
}

vegas.min.jsとvegas.min.cssはテーマファイル内に置いてあります。
他のスクリプトと干渉しているのでしょうか。。
どなたかご教授頂けませんでしょうか。