为什么我在js面板中的图像要花一些时间才能显示？

问题描述

为什么我在js面板中的图像要花一些时间加载？

我在jquery面板中使用了光滑的轮播。但是，轮播中的图像在点击后至少需要30秒。并非总是如此。但是当我单击面板时，这个问题经常使我感到失望。请帮我解决这个问题。我不喜欢它！ 此问题显示在此网站的假日面板上 http://bicolpotravels.com/

<script>
    $(".tab-panels .tabs li").on("click",function() {
        //this is done for scalability in case we want to add another div.tabs-panels
        var $panel = $(this).closest(".tab-panels");
        $panel.find(".tabs li.active").removeClass("active");
        $(this).addClass("active");
        //Figure out which panel to show
        var panelToShow = $(this).attr("rel");
        //hide current panel
        $panel.find(".panel.active").toggle(0,showNextPanel);

        function showNextPanel() {
            $(this).removeClass("active");
            //show new panel
            $("#" + panelToShow).toggle(0,function() {
                $(this).addClass("active");
            });
        }
        $(document).ready(function() {
            $(".SlickCarousel").not('.slick-initialized').slick({
                rtl: false,// If RTL Make it true & .slick-slide{float:right;}
                autoplay: true,autoplaySpeed: 5000,//  Slide Delay
                speed: 500,// Transition Speed
                slidesToShow: 3,// Number Of Carousel
                slidesToScroll: 3,// Slide To Move
                pauseOnHover: false,appendArrows: $(".Container .Head .Arrows"),// Class For Arrows Buttons
                prevArrow: '<span class="Slick-Prev"></span>',nextArrow: '<span class="Slick-Next"></span>',easing: "linear",responsive: [{
                    breakpoint: 801,settings: {
                        autoplay: true,//  Slide Delay
                        speed: 500,slidesToShow: 2,slidesToScroll: 1,}
                },{
                    breakpoint: 641,{
                    breakpoint: 481,slidesToShow: 1,],})
        });
        
    });
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）