Customizr Slider : Randomize your slides

Here is a useful snippet for those who need to display their slides in a random order.

The random display is handled in javascript but I might come with an even simplier solution with a WordPress hook in a future release of the theme.

add_action ('wp_footer','tc_randomize_slides' );
function tc_randomize_slides() {
    global $wp_query;
    $queried_id                   = get_queried_object_id();
    $queried_id                   = ( !tc__f('__is_home') && $wp_query -> is_posts_page && !empty($queried_id) ) ?  $queried_id : get_the_ID();
    $slider_active                = esc_attr(get_post_meta( $queried_id, $key = 'post_slider_check_key' , $single = true ));
    if ( tc__f('__is_home') && tc__f('__get_option','tc_front_slider') !=null) {
        $slider_active            = true;
    }
    if(!$slider_active) {
        return;
    }
    ?>
    <script type='text/javascript'>
        jQuery(document).ready(function() {
            !function ( $) {
                //prevents js conflicts
                "use strict";

                $.CustomizrSlidesShuffle = function() {
                    var o  =  [];
                    //get original slides nodes and order
                    $('.czr-item' , '.carousel-inner').each(function() {
                        $(this).removeClass('active');
                        o.push($(this));
                    });

                    //randomizes
                    for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);

                    //displays reordered slides
                    o[0].addClass('active');
                    for (var i = 0; i < o.length - 1; i++) {
                        o[i].after(o[i+1]);
                    };
                };
            }(window.jQuery);
            //calls the function
            jQuery.CustomizrSlidesShuffle();
        });
    </script>
    <?php
}