2013-11-22 103 views
0

我一直在試圖使滑塊 this page的行爲有迴應。但是,它似乎需要容器上的固定高度,否則它不會顯示整個幻燈片。jquery循環滑塊高度問題

有沒有一種方法(除了去jquery循環2插件,我不允許做)宣佈一個高度:自動,仍然顯示整個圖像?我最初懷疑這與浮游物有關,但它們全部清除並且仍然不起作用。

如果我強制溢出:在包裝器上顯示(#industries-slider)我遇到了#nav問題,它會隨溢出一起移動。

我在做什麼錯?

謝謝!

更新:響應,不適應。我知道我可以使用媒體查詢來調整高度,但在異國情調的顯示器上(和瀏覽器調整大小這是如何被測試,有一個明顯的跳躍#nav

回答

1

好吧,設置的位置:絕對再次 您可以使用jQuery設置#行業-slider1的高度。

//Find the max height of items 
     var heights = $(".slide-item").map(function() 
     { 
      return $(this).height(); 
     }).get(), 
     maxHeight = Math.max.apply(null, heights); 
//Set #industries-slider1 height 
     $('#industries-slider1').height(maxHeight); 
+0

如果我這樣做,當我滑到下一個容器,顯示在它的相對位置,直到過渡發生這樣就使得扣末的過渡。 –

+0

作品。謝謝m8! –