Bootstrap 3 Carousel tweaking

Question

When I was working in Bootstrap 2.x.x, it would have added a script like:

<script type="text/javascript">
    jQuery(function($){
        $.supersized({

            // Functionality
            slide_interval          :   4000,       // Length between transitions
            transition              :   1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
            transition_speed        :   700,        // Speed of transition
            new_window              :   1,          // Image links open in new window/tab
            performance             :   1,          // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)                                        
            image_protect           :   1,          // Disables image dragging and right click with Javascript

            // Components                           
            slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
            slides                  :   [           // Slideshow Images

                                        <?php echo implode(',', $newarray) ?>
                                        ]
        });
    });
</script>

is this still possible in Bootstrap 3?

Also, I'm looking to have the slideshow redirect to another page after the last slide is played. So I was wondering how I might go about doing that.

Answer 1

Yes, there just aren't as many.

$('.yourCarousel').carousel({
  interval: 5000, // The amount of time in between slides
  pause: “hover”, // 'hover' or 'false'
  wrap: true // Whether the carousel should cycle continuously or have hard stops
});