sdd
<div class="album-c">
    <a href="javascript: jQuery.fancybox.close()" class="closeBtn pull-right"><i class="glyphicon glyphicon-remove"></i></a>
    <h2><span>BSCOSO Spring Course 2017</span></h2>
    <div class="gallery-album"><div class="image active"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2208-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2208-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2233-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2233-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2283-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2283-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2334-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2334-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2356-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2356-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2463-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2463-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2503-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2503-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2519-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2519-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/7P8A2638-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/7P8A2638-800x600.jpg"></div><div class="clearfix"></div></div><div class="image to-right"><div class="l"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2188-800x600.jpg"></div><div class="r"><img src="https://www.bscoso.com/wp-content/uploads/2019/08/IMG_2188-800x600.jpg"></div><div class="clearfix"></div></div><a href="#" id="toLeft" class="pull-left nav-left"><i class="glyphicon glyphicon-chevron-left"></i></a><a href="#" id="toRight" class="pull-right nav-right"><i class="glyphicon glyphicon-chevron-right"></i></a></div>
    <script>
        jQuery(function($) {
            var $images = $(".gallery-album .image");
            var currentIndex = 0;
            $images.each(function(index){
               $(this).css("z-index", $images.length - index);
            });
            $("#toLeft").click(function (e) {
                e.preventDefault();
                if(currentIndex<=0) return;
                $images.eq(currentIndex).removeClass("active").addClass("to-right").index();
                currentIndex--;
                $images.eq(currentIndex).removeClass("to-left").addClass("active");
                checkArrows();

            });
            $("#toRight").click(function (e) {
                e.preventDefault();
                if(currentIndex >= $images.length-1) return;

                $images.eq(currentIndex).removeClass("active").addClass("to-left").index();
                currentIndex++;
                $images.eq(currentIndex).removeClass("to-right").addClass("active");
                checkArrows();
            });
            $(".gallery-album").parents(".fancybox-overlay").keyup(function(e){
                if(e.keyCode == 39) $("#toRight").click();
                else if(e.keyCode == 37) $("#toLeft").click();
            })

            function checkArrows(){
                if(currentIndex<=0){
                    $("#toLeft").hide();
                }else{
                    $("#toLeft").show();
                }
                if(currentIndex >= $images.length-1){
                    $("#toRight").hide()
                }else{
                    $("#toRight").show()
                }
            }
            checkArrows();
            $("#toRight").focus();
        });
    </script>
</div>