在数组中选择随机图像并设置为0或起始点jquery

Question

我在页面上有一系列图像（图库），您单击一个图像以将其附加到模态，然后单击下一个或上一个按钮以在数组中循环，或关闭模式并选择一个新模式等问题是它从数组中的第一个图像开始并循环通过时工作正常，但我无法弄清楚如何选择另一个图像，例如，然后从那个点向前和向后循环。我知道有插件解决方案，但我正在尝试自己学习。

$(document).ready(function() {

    var images_source = $('.linked_page').map(function(){ return this.src; }).get();

    $(document).on("click",".linked_page", function(event) {

        page_index = $(".linked_page").index(this);
        var starting_page = $(this).map(function(){ return this.src; }).get();

        event.stopPropagation();

        $('#read_the_paper').css("display","block").appendTo("body");
        $(".modal_content_linked_page_full").attr("src",starting_page);
        $(".magnify_large").css({'background-image' : 'url("'+starting_page+'")','background-repeat': 'no-repeat'});

        $(document).on('click','.next', function(event) {
            index = (index==page_index.length-1)?0:(index+1);       
            $(".modal_content_linked_page_full").attr('src',images_source[index]);
        });

    });

});