2014-01-16 75 views
1

我在我的網站上使用SlidesJS作爲滑塊。我想讓每張幻燈片的高度和寬度與當前圖像的高度和寬度相匹配。爲此,我需要使元素slidesjs-containerslidesjs-control拉動滑塊中當前圖像的高度。我已經設法讓幻燈片中的圖像根據實際文件的尺寸自動調整高度/寬度,但是現在我的滑塊和下一個內容部分下面有很多空白區域,因爲容器仍在拉動包含滑塊的元素的高度。SlidesJS將slidesjs-container的高度設置爲幻燈片的高度?

誰能幫我弄清楚如何設置slidesjs-container和slidesjs-control的高度以匹配當前圖像的高度?

下面是這臺集裝箱/控制元件的高度的JavaScript:

Plugin.prototype.update = function() { 
     var $element, height, width; 
     $element = $(this.element); 
     this.data = $.data(this); 
     $(".slidesjs-control", $element).children(":not(:eq(" + this.data.current + "))").css({ 
     display: "none", 
     left: 0, 
     zIndex: 0 
     }); 
     width = $element.width(); 
     height = (this.options.height/this.options.width) * width; 
     this.options.width = width; 
     this.options.height = height; 
     return $(".slidesjs-control, .slidesjs-container", $element).css({ 
     width: width, 
     height: height 
     }); 
    }; 

回答

0

我也有類似的問題,但改變容器的高度需要。我是這樣的:

$("#slides").slidesjs({ 
     //other options here 
     callback: { 
      loaded: function(number) { 
       $(".slidesjs-container").css("height", height); 
      } 
     } 
    }); 
1

在你jquery.slides.min.js文件,替換此:

n=this.options.height/this.options.width*r 

有:

n=this.options.height 
相關問題