javascript - SlidesJS 将 Slidesjs-container 的高度设置为幻灯片的高度？

Question

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

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

Answer 1

在您的 jquery.slides.min.js 文件中，替换以下内容:

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

与:

n=this.options.height