javascript - carouFredSel と かわいい写真

Question

Pretty の写真を CarouFredSel に配置しようとしていますが、競合する jquery と思われるものに問題があります。すべてが正常に機能していますが、caraouFredSel に Pretty フォトを実装すると、各 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>