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滑塊

回答

相關問題