1

Web サイトのスライダーに 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 に答える