javascript - carouFredSel 结合漂亮的照片

Question

我正在尝试将漂亮的照片放入 CarouFredSel，但我遇到了我认为与 jquery 冲突的问题。一切正常，但是当我在 caraouFredSel 中实现 Pretty photo 时，看起来好像每个 li 都没有宽度或高度。

我对 javascript 有非常基本的了解，我目前正在尝试解决这个问题，但如果我能在截止日期临近时得到帮助，我将不胜感激。

这是页面，http://www.grahamwilsdon.com/stoves/grants.html

这里还有我正在使用的脚本，这些脚本也与下载的库内联

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-5.6.4-packed.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
// Scrolled by user interaction
    $('#foo2').carouFredSel({
        prev: '#prev2',
        next: '#next2',
        pagination: "#pager2",
        auto: false
    });
});
</script>

<link rel="stylesheet" href="prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/pretty_photo/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>