如何解决为什么我在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 举报,一经查实,本站将立刻删除。