我在我的網站上使用SlidesJS作爲滑塊。我想讓每張幻燈片的高度和寬度與當前圖像的高度和寬度相匹配。爲此,我需要使元素slidesjs-container
和slidesjs-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
});
};