SlidesJS将slidesjs-container的高度设置为幻灯片的高度？答案

【问题标题】：SlidesJS setting the height of slidesjs-container to the height of the slide?SlidesJS将slidesjs-container的高度设置为幻灯片的高度？
【发布时间】：2015-11-03 23:59:19
【问题描述】：

我在我的网站上使用 SlidesJS 作为滑块。我想让每张幻灯片的高度和宽度与当前图像的高度和宽度相匹配。为此，我需要使元素slidesjs-container 和slidesjs-control 拉动滑块中当前图像的高度。我已经设法让幻灯片中的图像根据实际文件的尺寸自动调整高度/宽度，但是现在我的滑块和下一个内容部分下方有很多空白，因为容器仍在拉动距离包含滑块的元素的高度。

谁能帮我弄清楚如何设置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
      });
    };

【问题讨论】：

标签： javascript slider height slidesjs

【解决方案1】：

在您的 jquery.slides.min.js 文件中，替换为：

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

与：

n=this.options.height

【讨论】：

【解决方案2】：

我遇到了类似的问题，但需要更改容器高度。我是这样的：

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

【讨论】：