Jquery carouFredSel不是一个函数错误

我正在努力建立卡鲁弗雷泽尔。我做的每件事都是正确的-所有的链接都工作。我正在使用smarty模板在在线商店中添加此内容。我在chrome控制台中遇到以下错误：

未捕获类型错误：jQuery（…）。carouFredSel不是函数

标题的标题部分。tpl：

<!-- jQuery -->       
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>  
<!-- CarouFredSel -->
<script src="http://serwer1449841.home.pl/autoinstalator/wordpress/wp-includes/js/jquery.carouFredSel-6.2.1.js" type="text/javascript"></script> 

{literal}
    <script type="text/javascript">
    jQuery(function() {
          jQuery('#carousel').carouFredSel({
                items                : 2,
                direction            : "up",
                scroll : {
                    items            : 1,
                    easing            : "elastic",
                    duration        : 1000,
                    pauseOnHover    : true
                }
            });
        });
    </script>
{/literal}

<div id='carousel'>
    <img src='http://example.com/img1.png' width='105' />
    <img src='http://example.com/img2.png' width='110' />
    <img src='http://example.com/img3.png' width='105' />
    <img src='http://example.com/img4.png' width='120' />
    <img src='http://example.com/img5.png' width='105' />
    <img src='http://example.com/img6.png' width='200' />
</div>

---

通往卡鲁弗雷泽尔的道路是正确的，我遗漏了什么？

我也有同样的问题，这个答案帮助了我

jQuery加载到DOM中
caroFredSel插件附加到DOM中的jQuery
某种原因导致jQuery的另一个实例加载到DOM中，覆盖了以前的$object
在carousel.js中对$object调用caroFredSel（）时，由于它是一个新的jQ对象，因此该方法不存在

#carousel img {
    padding: 16px 10px 14px 10px;
}

#carousel {
    width: 1178px;
    height: 126px;
    margin: 0 auto;
}