jquery - Chrome でのみ競合する 2 つの jquery スライダー (1 つのフルスクリーンの背景、1 つのコンテンツ) を含むページ

Question

プロジェクトでは、フルスクリーンの背景スライダー (Backstretch) とコンテンツ内の別のスライダー (ResponsiveSlides) を取得しようとしています。

これらは、Chrome と Chromium を除くすべてのブラウザーで非常にうまく機能します。

プロジェクトリンク: http://klanten.icu-media.net/wittehoeve

<script src="Jscripts/respond.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="Jscripts/jquery.backstretch.js"></script>
<script src="Jscripts/responsiveslides.min.js"></script>
<script src="Jscripts/jquery.flexnav.js"></script>
<script type="text/javascript">
onresize=onload=function() {
    if ($(window).width() < 768) {
        $("#MainContent").insertAfter($("#ImageSlider"));
        $("#Menu").insertBefore($("#TopBanner"));
    } else {
        $("#MainContent").insertBefore($("#ImageSlider"));
        $("#Menu").insertBefore($("#Footer"));
    }
};
</script>
<script>
  $(function() {
    $(".rslides").responsiveSlides();
  });
</script>
<script type="text/javascript">
    jQuery(document).ready(function($) {

                $(".flexnav").flexNav();
            });
</script>
<script>
    $(document).ready(function($){
     $.backstretch([
      "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg",
      "img/LayoutPhoto/PoortBackground.jpg",
      "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
      ], {
      fade: 750,
      duration: 19000
        });
    });
</script>

これは、すべての JavaScript を呼び出す html の部分です (そして、終了 body タグのすぐ上にあります。