Question

我在我的网站上使用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
      });
    };

Answer 1

在jquery.slides.min.js文件中，将其替换为：

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

使用：

n=this.options.height

Answer 2

我有类似的问题，但需要改变容器高度。我是这样的：

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

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

2 个答案: