jCarousel图像不显示在jQuery滑块

我有一个jQuery滑动面板，它不显示jQuery旋转木马。jCarousel图像不显示在jQuery滑块

实施例：http://www.warface.co.uk/clients/warface.co.uk/

按此显示仪表板显示滑动面板。

我有按钮（上一个/下一个）显示，但不是传送带。例如，我也在下面添加了轮播。

我对滑动面板

#panel { 
    width: 100%; 
    height: 500px; 
    color: #999999; 
    background: #272727; 
    overflow: hidden; 
    position: relative; 
    z-index: 3; 
    display: none; 
}

的CSS，似乎卸下display: none;修复，但离开滑块向下在页面加载。

来源

2010-10-17 Rob

使用JS更改css – 2010-10-17 11:11:38

看了看你的CSS和所有js，我现在看到我的解决方案无法解决它。请稍后再看看，如果别人还没有解决，那么 – 2010-10-17 13:12:05

感谢您的时间和解释Liam – Rob 2010-10-17 13:13:02

破解了：

你需要使用的高度，而不是显示隐藏自己的面板，像这样：

#panel { 
    width: 100%; 
    height:0px; 
    color: #999999; 
    background: #272727; 
    overflow: hidden; 
    position: relative; 
    z-index: 3; 
    }

然后通过改变高度500让您的JS显示它在JS这一点：

$(document).ready(function() { 

    // Expand Panel 
    $("#open").click(function(e){ 
     e.preventDefault(); 
     $("div#panel").animate({height: "500px"},"slow"); 
    });  

    // Collapse Panel 
    $("#close").click(function(e){ 
     e.preventDefault(); 
     $("div#panel").animate({height: "0px"},"slow"); 
    });  

    // Switch buttons from "Log In | Register" to "Close Panel" on click 
    $("#toggle a").click(function() { 
     $("#toggle a").toggle(); 
    }); 

    $(".anyClass").jCarouselLite({ 
     btnNext: ".next", 
     btnPrev: ".prev" 
    }); 

});

请注意防止页面跳转到顶端的preventDefault（）的附加内容，当我在jsfiddle中尝试时，它是必需的，但在实际应用中不需要概率不管怎么说，这通常是好的做法。如果你想看到它的行动，你可以这样做：http://jsfiddle.net/LiamBailey/ERQzd/87/注意：由于jsfiddle中的窗口大小有限，你必须向下滚动才能进入关闭面板链接，从而无法看到面板因为preventDefault，解决这个问题我添加了一个向上滚动$("html,body").animate({scrollTop: target},"fast");但是没有一个需要你，因为关闭面板链接是可见的而没有向下滚动。

来源

2010-10-17 11:13:56

我不明白为什么这应该改变与JS而不是在CSS？这仍然隐藏了旋转木马的内容:( – Rob 2010-10-17 11:47:13

当你问到为什么显示时，你回答了你自己的问题：没有解决你的问题，但导致它始终显示。你不希望#panel一直显示，只有当幻灯片是活动的，因为幻灯片是用JS激活的，你也可以使用JS来显示面板，没有其他的方法可以做到这一点。换句话说，删除显示：CSS中没有任何意味着它显示面板的所有时间，所以你**需要**在你的CSS中有display：none，因此，当面板显示你需要在幻灯片被激活时以某种方式移除它，因此你需要使用JS。 – 2010-10-17 12:39:19

Liam - 非常感谢你这对你的时间很重要，完美的工作谢谢你!!! :) – Rob 2010-10-18 19:56:42

jCarousel图像不显示在jQuery滑块

回答

相关问题