根据URL更改轮播中的幻灯片

Question

我目前正在使用JQ Carousel（http://5509.github.io/jq.carousel/），我试图弄清楚如何在加载页面后更改轮播中的幻灯片。例如，有3张幻灯片。当我点击第3张幻灯片并加载包含＆＃34; ... / room-3 /..."的URL的页面时，加载页面上的幻灯片将显示第3张幻灯片而不是显示初步幻灯片。

我尝试了下面的脚本，但没有成功。任何帮助表示赞赏！

更新：下面是我用于轮播的整个脚本。这出现在具有轮播的所有页面上。我假设，脚本的最后一部分需要更新，以便在其他页面上工作。

<script src="/path/to/jq.carousel.js"></script> 
<script>
// Script that appears on all pages
(function() {
    var $carousel = $('#carousel_2').carousel({
        start: 1,
        indicator: true
        });
  var currSlide = 1;
  var totalSlides = $(".carousel_box").length - 4;
    $('#carousel_2_prev').on('click', function(ev) {
        ev.preventDefault();
        $carousel.carousel('prev');
    });

    $('#carousel_2_next').on('click', function(ev) {
        ev.preventDefault();
        $carousel.carousel('next');
    });
}());
// Script that appears only on the third page that has the third room
$(document).ready(function() {
        if(window.location.href.indexOf('/room-3/') >= 0) {
            var $carousel = $('#carousel_2').carousel({
                start: 3
            });
        });
    });
</script>