1

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

2 回答 2

1

在你的jquery.slides.min.js文件中，替换这个：

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

和：

n=this.options.height
于 2015-11-03T15:39:35.627 回答
0

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

    $("#slides").slidesjs({
        //other options here
        callback: {
            loaded: function(number) {
                $(".slidesjs-container").css("height", height);
            }
        }
    });
于 2014-05-06T20:14:37.990 回答